AJAXでダウンロードしたExcelファイルが破損

Question

以下のような手順でExcelファイルのダウンロードを実現しようとしています。

1. jQuery.getでサーバーに要求
2. サーバー側(Node.js)でExcelファイルを作成
3. Expressの「res.download」でファイル送信
4. クライアントで受取、createObjectURLでダウンロード開始

上記実装後、テストとしてダウンロードされたファイルを確認したところ、ファイルが破損しておりました。

** 確認したこと
・サーバーで作成されたExcelファイルが正しくできているか ⇒　問題なし
・[サーバーで作成されたファイル] と [受信したファイル] の比較　⇒バイナリエディタで比較したところ、先頭部分が若干異なっている
・サーバー側のファイルunlink(下記コード※1)をコメントアウト ⇒　破損は変わらず

どうすれば、破損せずにクライアントでダウンロードができるでしょうか？
宜しくお願いします。

具体的なコードは以下の通りです。

サーバー側

        res.header('Content-Type', 'application/vnd.ms-excel');
        res.download(fileURL, fileName, function (err) {
            if (err) {
                console.log('error.');
            } else {
                console.log('download for ' + fileName + ' done.');
　　　　　　　　　//※1
                fs.unlink(fileURL);
            }
        });

クライアント側

		$.get('/EXCEL/', function (data) {
			var downloadData = new Blob([data], { type: 'application/vnd.ms-excel' });
			var filename = 'list.xlsx'
			if (window.navigator.msSaveBlob) {
				window.navigator.msSaveBlob(downloadData, filename);
			} else {
				var downloadUrl = (window.URL || window.webkitURL).createObjectURL(downloadData);
				var link = document.createElement('a');
				link.href = downloadUrl;
				link.download = filename;
				link.click();
				(window.URL || window.webkitURL).revokeObjectURL(downloadUrl);
			}
		});

Answer 1

jQuery.getのレスポンスはデフォルトでテキストデータとして扱われます。なので、function(data) {で受け取った時点でデータが壊れていますので、それをBlobにして保存しても無意味です。
以下のように$.ajaxを使ってdataType、responseType等を明示してやればバイナリでダウンロードされます。
https://qiita.com/yuma84/items/fefb95c1a10396070cd2

Comments

[satoshi_tajima]

ありがとうございます！URL先を確認して解決しました！