BLob を使ってブラウザからバイナリデータをダウンロードするときの罠 (javascript)

ダウンロードすると、データがすべて文字列化テキスト化）されてしまう現象に悩まされたのでメモ。

問題

hoge.js

data = [0,1,2,3,4];
const blob = new Blob(data, { "type" : "application/octet-stream" });
const downloadURL = window.URL.createObjectURL(blob);

こうすると、ダウンロードしたデータは下記のようにテキストデータになってしまうようです。

hoge.bin

01234

解決方法

hoge.js

data = [0,1,2,3,4];
const blob = new Blob([data], { "type" : "application/octet-stream" });
const downloadURL = window.URL.createObjectURL(blob);

これで、ダウンロードしたデータはバイナリになってくれます。

data を [] で array にすると、バイナリでダウンロードされるようです。data がもともと array なので、配列化しなくてもいいと思ってたら、そういうことではなかったようです。

何でやー