ドラッグ＆ドロップされた画像や音声ファイルをインラインimgやaudioタグに変換するツールをつくってみた - Qiita

HTMLに画像を埋め込みたい場合に、下記のように、URLではなく直接データをBase64エンコードして埋め込むことができます。 <img src="data:image/png;base64,iVBORw0KGgoAAAAN..."> 今回は、このタグを簡単に作成できるツールを作ってみました。 インラインimgタグ生成ツール MIME type image/png と image/jpeg 1 だけ受け付けるようにしてます。あと、とりあえず8MB以下の制限をつけてます。 【追記】音声ファイル（audio/wavとmp3ファイル(audio/mpeg)のみ）も対応してみました。 【追記】String.fromCharCode(...バッファ変数) の スプレッド構文(...)で stack over flow が起こるようなので対策してみました。ただし、textareaのサイズ上限は不明・・