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:

var image = new Image();
image.src = 'data:image/png;base64,'   item_image;

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

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

document.body.appendChild(image);

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).