Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Patricia Arquette
Freigeben: 2024-10-28 20:40:31
Original
593 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!