Heim  >  Artikel  >  Web-Frontend  >  Wie konvertiere ich Base64 in ein Bild in JavaScript?

Wie konvertiere ich Base64 in ein Bild in JavaScript?

DDD
DDDOriginal
2024-10-31 03:52:30997Durchsuche

How to Convert Base64 to an Image in JavaScript?

Konvertieren von Base64 in ein Bild in JavaScript

In Ihrem Code enthält item_image die Base64-codierten Bilddaten. Um diese Daten in ein Bild umzuwandeln, befolgen Sie diese Schritte:

Erstellen eines Bildobjekts

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

Festlegen der Bildquelle

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

Diese Zeile legt die src-Eigenschaft fest des Bildobjekts zu den Base64-codierten Daten, einschließlich des erforderlichen Headers, der den Datentyp des Bildes angibt (data:image/png).

Anhängen des Bildes an das DOM

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

Dies Hängt das Bildobjekt an das HTML-Dokument an, sodass es angezeigt werden kann.

Hinweis:

  • Der data:image/png;base64-Header ist entscheidend, damit Browser das erkennen und rendern können Bild korrekt.
  • Diese Methode wandelt die Base64-Daten in ein In-Memory-Bild um und zeigt es dynamisch an. Auf der Clientseite wird keine eigentliche Bilddatei erstellt.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Base64 in ein Bild in JavaScript?. 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