Q&A
そもそも、添付されたファイルがxlsxでなかった、という可能性はないでしょうか？
ご存知でしたら、ご教授下さい。
下記の添付ファイルダウンロードAPIにて、Excelデータ(xlsx)をダウンロードする処理を作成しております。
https://sites.google.com/a/sateraito.jp/nextset-dounyuu/Home/wakufuro-ji-neng/api#TOC-API16
下記のコードを実行すると、ダウンロードは出来るのですがファイルが破損している事になり、開けません。。
アップロードしたexcelファイルとダウンロードしたexcelファイルをさくらエディタで開くと文字コードが違いました。
※アップロードしたexcelファイル：shift-jis ダウンロードしたexcelファイル:utf-8
さくらエディタでダウンロードしたexcelファイルをshift-jisにしても無駄でした。。
やり方をご存知ないでしょうか？
※[]内はあっている前提です。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>TEST</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.3.min.js"></script> </head> <body> <button onclick="clickEvent()">ボタン</button> <a id="download" download="test.xlsx">ダウンロード</a> <script> function clickEvent() { downloadFile([doc_id],[file_id]); } function downloadFile(doc_id,file_id) { const url = "https://workflow.nextset.jp/[テナント名]/api/public/attach/download"; const xml = new XMLHttpRequest(); xml.open("POST", url, false); xml.setRequestHeader("content-type", "application/x-www-form-urlencoded;charset=UTF-8"); var data = new Map(); var access_token = getAccessToken(); data.set('access_token', '[access_token]'); data.set('impersonate_email', '[impersonate_email]'); data.set('application_id', '[application_id]'); data.set('doc_id', [doc_id]); data.set('file_id', [file_id]); var param = [...data.entries()].map(d => d.join('=')).join('&') xml.send(param) var blob = new Blob([xml.response], { type: 'application/octet-stream' }, "test.xlsx"); const a = document.getElementById('download'); a.href = window.URL.createObjectURL(blob); return blob; } </script> </body> </html>
以上。よろしくお願い致します。
回答3件
0
ベストアンサー
ダウンロードは出来るのですがファイルが破損している事になり、開けません
要求前に responseType を設定してみてはどうでしょうか。
XMLHttpRequest2 以降は、Blob や ArrayBuffer で応答データを受け取ることができます。
javascript
1 2let xhr = new XMLHttpRequest(); 3 4/* omitted */ 5 6xhr.responseType = "arraybuffer"; // 受け取るデータをArrayBufferに指定。 7xhr.send(param); 8 9console.log( xhr.response ); // ArrayBuffer
また、文字コードがシフトJISで間違いないのであれば、charset の値は shift-jis ではなく Shift_JIS です。
投稿2020/02/13 02:54
総合スコア5434
0
アップロードしたexcelファイルとダウンロードしたexcelファイルをさくらエディタで開くと文字コードが違いました。
そもそも論として、Excelファイルをテキストエディタで開いても文字としての意味をなさないデータの羅列となりますので、そこへの「文字コード」指定はほぼ無意味です。
一方で、リクエストを送信する際のcharset=shift-jisが気になります。HTML自体はUTF-8で書かれていますし、文字コード変換せずに送信しているので、ここが整合しないのではないかという気もします。
投稿2020/02/13 02:29
総合スコア146018
ご回答ありがとうございます。
charset=shift-jisの個所はcharset=utf-8でも試していました。内容がわかりずらく申し訳ありません。内容を修正しておきました。添付されたファイルはxlsx形式で間違いありません。apiで取得した値で確認しております。
さくらエディタでの変換については、無知でした。。教えていただいて感謝致します。
0
CORSの問題がなければ以下で処理すればいいでしょう
javascript
1fetch(url).then(res=>res.blob()).then(処理)
投稿2020/02/13 03:09
総合スコア116724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/13 05:45