ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript/jQuery で Base64 を画像に変換するにはどうすればよいですか?

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-28 20:40:31680ブラウズ

How to Convert Base64 to Image in JavaScript/jQuery?

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

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

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

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

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。