javascript - JavaScriptだけを使用してBase64イメージを通常のイメージに変更するにはどうすればよいですか？

Question

動的に生成される画像のBase64文字列全体があるとします。どうすればこのようなものを変換できますか？

<img src="data:image/jpeg;base64,/9j/blah blah blah........." />

に

<img src="mypic.jpg" />

サーバーにイメージをダウンロードせずにクライアント側で実行することも可能ですか？Base64イメージを一時的にメモリにキャッシュして実際のイメージファイルを受信する方法はありますか？

Answer 1

サーバーにイメージをダウンロードせずにクライアント側で実行することも可能ですか？

いいえ。

ページがサーバーからロードされていると仮定して、そのsrcように属性を変更すると、そのサーバー上のURIを指すようになります。ブラウザはそこから画像を読み込もうとするため、404ではなく画像を返す必要があります。

Webサイトが任意のURIのコンテンツをブラウザのキャッシュに挿入する方法はありません。