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

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

Patricia Arquette
リリース: 2024-10-28 20:40:31
オリジナル
679 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート