Heim  >  Artikel  >  Web-Frontend  >  Wie kodiere und dekodiere ich Strings in Base64 mit JavaScript?

Wie kodiere und dekodiere ich Strings in Base64 mit JavaScript?

Susan Sarandon
Susan SarandonOriginal
2024-10-31 19:52:29448Durchsuche

How do I encode and decode strings in Base64 using JavaScript?

Zeichenfolgen in Base64 mit JavaScript kodieren und dekodieren

Bei der Arbeit mit Binärdaten besteht die Notwendigkeit, diese in ein geeignetes Format zu kodieren Dabei kommt es häufig zu einer Übertragung über das Internet oder einer Speicherung in einer Datenbank. JavaScript bietet hierfür ein nützliches Werkzeug: Base64-Kodierung.

Kodierung mit btoa()

Um einen String in Base64 mit JavaScript zu kodieren, können Sie btoa( ) Funktion. Diese Funktion nimmt einen String-Parameter, der ein 8-Bit-Byte-Array darstellt, und konvertiert ihn in einen Base64-codierten String. Zum Beispiel:

<code class="javascript">const encodedString = btoa('Hello World!'); // Output: "SGVsbG8gV29ybGQh"</code>

Dekodierung mit atob()

Wenn Sie eine Base64-kodierte Zeichenfolge haben und diese wieder in ihre ursprüngliche Form dekodieren möchten, können Sie dies tun Verwenden Sie die Funktion atob(). Es wird eine Zeichenfolge zurückgegeben, in der jedes Zeichen ein 8-Bit-Byte darstellt:

<code class="javascript">const decodedString = atob('SGVsbG8gV29ybGQh'); // Output: "Hello World!"</code>

Überlegungen

Es ist wichtig zu beachten, dass btoa() und atob() funktionieren Byte-Arrays. Wenn Ihre Zeichenfolge also Nicht-ASCII-Zeichen oder Binärdaten enthält, müssen Sie sie möglicherweise vor der Verwendung von btoa() codieren. Darüber hinaus gibt die Funktion atob() eine Binärzeichenfolge zurück. Wenn Sie die Ausgabe als Textzeichenfolge interpretieren möchten, müssen Sie sie möglicherweise mithilfe der Unicode-API in eine Unicode-Zeichenfolge konvertieren.

Alternative Ressourcen

Für weitere Einblicke Informationen zum Umgang mit Binärdaten in JavaScript finden Sie in den folgenden Ressourcen:

  • [Wie lade ich binäre Bilddaten mit Javascript und XMLHttpRequest?](https://stackoverflow.com/questions/3422673 /how-do-i-load-binary-image-data-using-javascript-and-xmlhttprequest)

Browserkompatibilität

Während die meisten modernen Browser Wenn Sie btoa() und atob() unterstützen, ist es immer ratsam, deren Verfügbarkeit zu überprüfen, bevor Sie sie in Ihrem Code verwenden. Sie können Online-Tools wie CanIUse verwenden, um ihre Kompatibilität zu überprüfen:

  • [Atob](https://caniuse.com/?search=atob)
  • [Btoa](https: //caniuse.com/?search=btoa)

Das obige ist der detaillierte Inhalt vonWie kodiere und dekodiere ich Strings in Base64 mit 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