PHP + jQuery : ファイルダウンロード機能の実装で文字化けしてしまう

確認頂き、ありがとうございます。
先ほどの画像の一番上の写真を張り付けます。

中身は見せられないのでトリミングしていますが、先頭でpdfとなっています。
パスもデバッグして、絶対パス指定し、ファイルに間違いがないことも確認しています。

先ほどの画像の一番上の写真を張り付けます

元ファイルなのかダウンロードしたファイルなのか分かりませんが、どっちにせよ pdf ファイルはそういう内容になるんでしょうかね？　違うような気がするのですが（気がするだけで確証はありませんけど）・・・

回答欄の【追記】に確認するための案を書きました。試してみてはいかがでしょう。

そこにある pdf ファイルを php アプリでダウンロードするようにしているのですよね。その c ドライブの pdf ファイルを直接 Adobe Acrobat などで開いて正常に表示されますか？

その通りです。
C:配下にあるpdfファイルをphpのプログラムでパス指定をし、readfileしています。
そして、cドライブをAdobe Acrobatで開くことは確認済です。

他にもxlsxやdocxなどの様々なファイルもダウンロードする予定です。

追記で頂いた案を教えていただき、ありがとうございます。
さっそく実行して確認します。
確認終わり次第、またコメントします！

Fiddlerにアクセスしたのですが…接続することができませんでした。
スマホからはアクセスできたのですが、社内のインターネットから接続
できなかったので、設定で接続できないようになっている可能性があります。

代替手段を考えてみたところ、まず比較というところで
WinMergeにて、ファイルを比較してみました。

左側がC:ドライブにある開けるPDF、
右側がPHP経由でダウンロードしたPDFです。

文字コードが違うようなので、明日、PHPの方で文字コード指定を行ってみます。
ただ、下記サイトによるとreadfileでは文字コード指定はできないようなので、
少しロジックに工夫が必要になりそうです。
https://wake-mob.jp/2020/11/18/bom%e3%81%ae%e6%9c%89%e7%84%a1%e3%82%92%e5%88%a4%e5%88%a5%e3%81%97%e3%80%81utf%e3%82%92%e8%aa%ad%e3%81%bf%e5%88%86%e3%81%91%e3%82%8b-php7-4-%e3%81%ae%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab%e3%82%b3/

また、HTTP通信をキャプチャするということについては、
Wiresharkはアクセスできたので、これをインストールしてみようと思います。

取り急ぎ、確認結果でした。
ありがとうございます。

Fiddlerにアクセスしたのですが…接続することができませんでした。スマホからはアクセスできたのですが、社内のインターネットから接続できなかったので、設定で接続できないようになっている可能性があります。

Fiddler は基本プロキシで、起動すると Windows OS なら以下の画像のように自動的にプロキシの設定がされます (終了すればプロキシの設定は元に戻ります)。ブラウザがシステムのプロキシを使うように設定されていれば Fiddler で要求・応答はキャプチャできます・・・が、社内のネットワークということですので、プロキシの使用には制約がかかっているのかもしれませんね。

ブラウザのディベロッパーツールでも要求・応答はキャプチャできますのでやってみてはいかがですか。ただ、上の回答の画像のような形でバイト列まで見ることができるかは分かりませんが。

通常はプロキシサーバを使うようになっており、
Wi-Fiなどを利用する際はプロキシサーバ設定をOFFにして使っています。

ブラウザはEdgeとChrome、両方あるのでどちらとも開発者ツールを使ってみます！

jQuery 3 以降であれば可能だそうです。

Using jQuery's ajax method to retrieve images as a blob
https://stackoverflow.com/questions/17657184/using-jquerys-ajax-method-to-retrieve-images-as-a-blob

回答ありがとうございます。

問題解決のために、fetchでもできないか試してみたいと思います。

@SurfurOnWww ありがとうございます、勉強になります。 $.post のオプションに xhrFields: { responseType: 'blob' } を渡せばよさそうですね

@uasi 様、 @SurferOnWww 様

fetchにて、他のサイトを見ながら実装してみた所、問題が解決しました!!
最終的なコードは下記の通りです。

<?php
    if ($_SERVER['REQUEST_METHOD'] !== 'POST') 
    {
        exit;
    }

    $dlPath = $_POST['filePath'];

    readfile($dlPath);
    exit;

~省略~
    // Tabulator 表内をダブルクリックした時のアクション
    table.on("cellDblClick", function(e, cell){

    ~ 表内のどこをダブルクリックしたか特定する処理(省略) ~
    ~ ダウンロードリンクをダブルクリックしていたらダウンロード処理へ ~
    
    const postData = new FormData();
    postData.append('filePath', ファイルパス);

    fetch('fileDownload.php',{
        method: 'POST',
        body: postData,
    })
    .then((resp) => {
        return resp.blob();
    })
    .then((blob) => {
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a'); 
        document.body.appendChild(a);
        a.download = file;
        a.href = url;
        a.click();
        a.remove();
        URL.revokeObjectURL(url);
    });

body: 部分ですが、

const postData = {filePath : path}
~ 省略 ~
    body: JSON.stringfy( postData),

でデータ送信しても、PHP側でデバッグしてPOST覗いても値がありませんでした。
データ形式はform-dataも可能とのことだったので試しに空のFormDataを
作り、appendで値を追加した後、content-typeを指定していたのですが削除した
所、POSTで値を確認することができました!!

その後、ダウンロードしてファイルを開くこともできました!!
(xlsx、xls、pptx、docxなど全形式ok）

いろいろ見てくださり、本当にありがとうございます。