JavaScript で Base64 を画像に変換するにはどうすればよいですか?

JavaScript で Base64 を画像に変換する

コード内では、item_image に Base64 でエンコードされた画像データが保持されます。このデータを画像に変換するには、次の手順に従います。

画像オブジェクトの作成

<code class="javascript">var image = new Image();</code>

画像のソースの設定

<code class="javascript">image.src = 'data:image/png;base64,' + item_image;</code>

この行は src プロパティを設定します画像のデータ型 (data:image/png) を示す必要なヘッダーを含む、画像オブジェクトの Base64 エンコード データへの変換。

DOM への画像の追加

<code class="javascript">document.body.appendChild(image);</code>

これ画像オブジェクトを HTML ドキュメントに追加して、表示できるようにします。

注:

• data:image/png;base64 ヘッダーは、ブラウザが画像を認識して表示するために重要です。
• このメソッドは、base64 データをメモリ内イメージに変換し、動的に表示します。クライアント側で作成される実際のイメージ ファイルはありません。

以上がJavaScript で Base64 を画像に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。