Heim  >  Artikel  >  Web-Frontend  >  Wie konvertiere ich Base64-Strings in ArrayBuffers in nativem JavaScript?

Wie konvertiere ich Base64-Strings in ArrayBuffers in nativem JavaScript?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-24 03:47:21481Durchsuche

How to Convert Base64 Strings to ArrayBuffers in Native JavaScript?

Konvertieren von Base64-Strings in ArrayBuffers mit nativem JavaScript

In verschiedenen Szenarien, z. B. beim Arbeiten mit Daten aus E-Mails oder anderen vom Benutzer bereitgestellten Quellen, Es wird notwendig, einen Base64-codierten String in einen ArrayBuffer zu konvertieren. JavaScript bietet eine einfache Möglichkeit, diese Konvertierung durchzuführen, ohne dass eine externe Serverkommunikation erforderlich ist.

Native Konvertierungsmethode mit atob und Uint8Array

Die folgende Funktion konvertiert effektiv einen Base64-String zu einem ArrayBuffer:

function base64ToArrayBuffer(base64) {
    // Decode the base64 string into a binary string
    var binaryString = atob(base64);

    // Create a new Uint8Array with the length of the binary string
    var bytes = new Uint8Array(binaryString.length);

    // Iterate through each character of the binary string and convert it to a byte
    for (var i = 0; i < binaryString.length; i++) {
        bytes[i] = binaryString.charCodeAt(i);
    }

    // Return the ArrayBuffer containing the converted bytes
    return bytes.buffer;
}

In dieser Funktion:

  • The Die Methode atob() dekodiert die Base64-Zeichenfolge in eine Binärzeichenfolge.
  • Ein Uint8Array wird erstellt, um die Binärdaten zu speichern.
  • Jedes Zeichen in der Binärzeichenfolge wird mit charCodeAt( in das entsprechende Byte konvertiert. ).
  • Die Puffereigenschaft des Uint8Array gibt den ArrayBuffer zurück.

Durch Verwendung Mit dieser nativen Konvertierungsmethode können Sie Base64-codierte Benutzereingaben zur weiteren Verarbeitung problemlos in ArrayBuffers umwandeln.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Base64-Strings in ArrayBuffers in nativem 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