Wie kodiere ich ein PNG-Bild in Base64 in JavaScript?

Base64-Kodierung mit JavaScript

Frage:

Benötigen Sie Hilfe beim Kodieren eines PNG-Bilds in eine Base64-Zeichenfolge mit JavaScript. Ich weiß, wie man Dateien öffnet, bin aber mit der binären Datenkodierung nicht vertraut.

Antwort:

Verwendung von btoa() und atob()

JavaScript-Angebote die Funktionen btoa() und atob() zur Konvertierung von und nach Base64 Kodierung.

btoa()-Funktion

btoa() akzeptiert eine „Zeichenfolge“, die ein 8-Bit-Byte-Array darstellt. Die Übergabe von Zeichenfolgen mit mehr als 8 Bit langen Zeichen kann zu Fehlfunktionen führen. Wenn Sie mit Text arbeiten, müssen Sie ihn vorher kodieren.

atob()-Funktion

atob() gibt mit jedem Zeichen einen „String“ zurück stellt ein 8-Bit-Byte dar. Dies bedeutet nicht ASCII; es setzt die Verarbeitung binärer Daten voraus.

Zusätzliche Ressourcen

• Wie lade ich binäre Bilddaten mit JavaScript und XMLHttpRequest?

Browser-Unterstützung

Sowohl btoa() als auch atob() verfügen über Wide Browserunterstützung. Konsultieren Sie die folgenden Links für spezifische Kompatibilitätsinformationen:

• https://caniuse.com/?search=atob
• https://caniuse.com/?search=btoa

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