Wie konvertiere ich Base64 in ein Bild 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!