ローカルバイナリファイルをdataURLに変換する

dataURLという、画像とか音声とかのバイナリデータを直接htmlに組み込むためのData URL。

JavaScript(HTML5かも)でやってるのでIE8くらいまでは動かない可能性濃厚。ChromeとかFireFoxでやること。

あんまりでかいファイルをやるとかえってこなくなる。サーバー処理ではないので負荷は自分のPCに掛ってるのでそのつもりで。

Base64エンコードJavaScriptソースはこちらから拝借

ローカルファイルを扱うJavaScriptソースはこちらを参考にした(ほぼ原型をとどめてないが)。

ブログにもどる


↑この結果を
 <img src="data:image/gif;base64,R0lGODlhKAAoALMAAAAAA~中略~3ZPyPa2S/fFREAOw==" />
みたいな感じに使います。(この例は画像の場合)

←エンコード結果が画像の時、下にテスト表示します。