Heim > Web-Frontend > js-Tutorial > Wie kodiere ich ein PNG-Bild in einen Base64-String in JavaScript?

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

Mary-Kate Olsen
Freigeben: 2024-11-01 08:45:30
Original
619 Leute haben es durchsucht

How to Encode a PNG Image to a Base64 String in JavaScript?

Base64-Kodierung und -Dekodierung in JavaScript

Frage:

Wie kann ein PNG-Bild sein in einem Base64-String in JavaScript codiert?

Antwort:

JavaScript stellt btoa() und atob() bereit Funktionen für Base64-Codierung und -Decodierung.

Erklärung:

Codierung nach Base64:

  • btoa () akzeptiert eine „Zeichenfolge“, die 8-Bit-Bytewerte darstellt.
  • Wenn die Eingabezeichenfolge Nicht-8-Bit-Zeichen enthält, können Codierungsfehler auftreten.

Dekodierung von Base64:

  • atob() gibt einen „String“ zurück, wobei jedes Zeichen einen 8-Bit-Bytewert darstellt.
  • Die Das Ergebnis ist kein ASCII, es sei denn, die Eingabe bestand bereits aus ASCII-codierten Binärdaten.

Zusätzliche Hinweise:

  • Ältere Browser unterstützen möglicherweise nicht btoa() und atob(). Überprüfen Sie mit CanIUse: https://caniuse.com/?search=atob
  • Weitere Informationen zum Laden binärer Bilddaten in JavaScript finden Sie unter: https://stackoverflow.com/questions/9354592/how- lade-ich-binäre-Bilddaten-mit-Javascript-und-xmlhttprequest

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