Heim >Web-Frontend >js-Tutorial >Wie konvertiere ich Base64 in ein Bild in JavaScript/jQuery?

Wie konvertiere ich Base64 in ein Bild in JavaScript/jQuery?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-28 20:40:31683Durchsuche

How to Convert Base64 to Image in JavaScript/jQuery?

So konvertieren Sie Base64 in ein Bild in JavaScript/jQuery

Sie sind auf eine Aufgabe gestoßen, bei der Sie erfasste Base64-Daten von einer Kamera konvertieren müssen in ein Bild einspeisen. So können Sie dies in JavaScript/jQuery erreichen:

So konvertieren Sie die Base64-Daten in ein Bild:

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

Der obige Code erstellt ein Image-Objekt und setzt seine Quelle (src) auf die Base64-Daten, die Sie haben, einschließlich des Teils „data:image/png;base64“.

Sobald das Bild geladen ist, können Sie es an das DOM anhängen mit:

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

Dadurch wird das Bild in Ihrem HTML-Dokument angezeigt.

Es ist wichtig zu beachten, dass einige Browser möglicherweise keine Daten-URIs unterstützen. Weitere Informationen finden Sie in der [Kompatibilitätstabelle] (Link zur Tabelle).

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Base64 in ein Bild in JavaScript/jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn