「便利ページ:Javascriptでちょっとした便利な機能を作ってみた」のシリーズものです。
HTMLでは、コンテンツ制作者は小さなファイルをインラインで文書に埋め込むことができる「データURL」というのがよく使われています。
こんな感じです。
data:[<mediatype>][;base64],<data>
(参考) データURL : MDN
https://developer.mozilla.org/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
(たいしたことはやってませんが)便利ページ に追加しておきました。
いつもの通りGitHubにも上げてあります。
https://github.com/poruruba/utilities
参考までに、以下にデモとしてアクセスできるようにしてあります。「バイナリファイル」のタブを選択してみてください。
https://poruruba.github.io/utilities/
start.js
binary_open: function(e){
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = (theFile) =>{
this.binary_data = new Uint8Array(theFile.target.result);
this.binary_type = file.type ? file.type: 'application/octet-stream';
if( this.binary_type.startsWith('text/'))
this.binary_text = decoder.decode(this.binary_data);
this.binary_dataurl = "data:" + this.binary_type + ";base64," + bufferToBase64(this.binary_data);
this.binary_change();
};
reader.readAsArrayBuffer(file);
// reader.readAsBinaryString(file);
// reader.readAsDataURL(file);
},
以下、抜粋です。
this.binary_dataurl = "data:" + this.binary_type + ";base64," + bufferToBase64(this.binary_data);
以上