phpでShift-jisに変換したcsvファイルをjqueryでdownloadしたい。

Question

htmlで表示されているtableデータを、ajaxでサーバに送り、php側でShift-jisに変換し、変換データをjQueryでdownloadしようとしています。

php側でShift-jisには変換でき、サーバの指定ディレクトリにはShift-jis変換されたファイルが保存されますが、jQuery側でdownloadしたデータはutf-8のままとなります。

ユーザの環境にファイルを保存したいので、
jQuery側でShift-jisのファイルをdonloadするにはどうしたらいいのでしょう？
php側でShift-jis変換しても、ajaxで持ってくると、UTF-8になってしまうので、悩んでおります。

文字コード変換がよくわからずにgoogleで検索してコードを使用しているため、おかしな部分があるかもしれませんが、有識者の方、どうかお知恵をお貸しください。

jquery側

      $.ajax({

          url: "{{ url('/result/3/postCSVdownload2') }}/",
          type: 'post',
          data : {tabledata:tabledata}, //tabledataは二次元配列
      }).done(function (response) {
        var ajax_data = response;
        var csv_file = "tabledata.csv";
        const blob = new Blob([ ajax_data ], { "type" : "text/csv" })
        jQuery("<a></a>", {href: window.URL.createObjectURL(blob),
            download: csv_file,
            target: "_blank"})[0].click()
      }).fail(function () {
          console.log("fail");
      });

php側

    public function postCSVdownload2(Request $request)
    {
            $tabledata = $request->tabledata;

            //CSV形式に変換
            $csvFileName = storage_path('app/upload/' . time() .'.csv');
        　　　$res = fopen($csvFileName, 'w');
        　　　if ($res === FALSE) {
        	throw new Exception('ファイルの書き込みに失敗しました。');
        　　　}
        　　　// ループしながら出力
        　　　foreach($tabledata as $dataInfo) {
　　　　　　　　　　// 文字コード変換。エクセルで開けるようにする
        	　mb_convert_variables('SJIS', 'UTF-8', $dataInfo);

        　　　　　// ファイルに書き出しをする
        	　fputcsv($res, $dataInfo);
        　　　}

        　　　// ハンドル閉じる
        　　　fclose($res);

        　　　// ダウンロード開始
        　　　header('Content-Type: application/octet-stream');

        　　　// ここで渡されるファイルがダウンロード時のファイル名になる
        　　　header('Content-Disposition: attachment; filename=sampaleCsv.csv');
        　　　header('Content-Transfer-Encoding: binary');
        　　　header('Content-Length: ' . filesize($csvFileName));
        　　　readfile($csvFileName);

            　return $csvFileName;

    }

Answer 1

テキストデータを直接バイナリ(ArrayBuffer/Blob)で扱えば可能でしょう.
jQueryを使ったコードではありませんが, 下記で文字エンコーディングを損なうことなくテキストデータをダウンロード出来ています.

<input type="button" value="■" id="button"/>
<a id="link" download="shift_jis.csv"></a>
<script>
"use strict";
button.onclick = e => {
	const req = new XMLHttpRequest();
	req.open("post", "test.csv");
	req.responseType = "blob";
	const fd = new FormData();
	req.onloadend = e => {
		URL.revokeObjectURL(link.href);
		link.href = URL.createObjectURL(req.response);
		link.click();
	};
	req.send(fd);
};
</script>

Comments

[mizutama72]

教えて下さりありがとうございます！

上記をまねて、php側で作成したファイルをdownloadのリンクにしましたら、無事にShift-jisのファイルがダウンロードできました。

色々悩んでいたので、本当に助かりました。