JavaScript/jQuery で Base64 を画像に変換する方法

カメラからキャプチャした Base64 データを変換する必要があるタスクが発生しました。画像にフィードします。 JavaScript/jQuery でこれを実現する方法は次のとおりです。

base64 データを画像に変換するには:

var image = new Image();
image.src = 'data:image/png;base64,'   item_image;

上記のコードは、Image オブジェクトを作成し、そのソース (src) を、「data:image/」を含む、所有する Base64 データに設定します。 png;base64,'part.

画像がロードされたら、次を使用して DOM に追加できます:

document.body.appendChild(image);

これにより、HTML ドキュメントに画像が表示されます。

一部のブラウザではデータ URI がサポートされない可能性があることに注意してください。詳細については、[互換性表](表へのリンク)を確認してください。