Heim >Web-Frontend >js-Tutorial >Wie konvertiere ich einen Base64-String in einen ArrayBuffer in JavaScript?

Wie konvertiere ich einen Base64-String in einen ArrayBuffer in JavaScript?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-27 14:34:141038Durchsuche

How to Convert a Base64 String to an ArrayBuffer in JavaScript?

Konvertieren von Base64-String in ArrayBuffer in JavaScript

Problem:

Sie möchten einen Base64-codierten String in einen umwandeln ArrayBuffer arbeitet speziell mit Benutzereingaben aus E-Mails, die beim Laden der Seite nicht verfügbar sind. Ihr Ziel ist es, diese Konvertierung ohne externe Serverinteraktion durchzuführen.

Lösung:

Um diese Konvertierung nativ in JavaScript zu erreichen, können Sie die folgenden Schritte nutzen:

  1. Dekodieren Sie den Base64-String:

    Verwenden Sie die atob()-Funktion zum Dekodieren der Base64-Zeichenfolge in eine Binärzeichenfolge.

  2. Erstellen Sie einen ArrayBuffer:

    Erstellen Sie ein neues Uint8Array mit einer Länge gleich auf die Länge der Binärzeichenfolge.

  3. Konvertieren in ArrayBuffer:

    Durchlaufen Sie jedes Zeichen in der Binärzeichenfolge, konvertieren Sie es in einen Unicode-Codepunkt und speichern Sie ihn im ArrayBuffer.

Beispielimplementierung:

Unten finden Sie eine JavaScript-Funktion, die Base64 für ArrayBuffer ausführt Konvertierung:

function base64ToArrayBuffer(base64) {
    var binaryString = atob(base64);
    var bytes = new Uint8Array(binaryString.length);
    for (var i = 0; i < binaryString.length; i++) {
        bytes[i] = binaryString.charCodeAt(i);
    }
    return bytes.buffer;
}

Verwendung:

Mit dieser Funktion können Sie einen Base64-codierten String in einen ArrayBuffer konvertieren:

var base64String = "yourBase64StringHere";
var arrayBuffer = base64ToArrayBuffer(base64String);

Jetzt haben Sie den Base64-String erfolgreich in einen ArrayBuffer konvertiert, sodass Sie ohne externe Serveraufrufe mit Binärdaten arbeiten können.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich einen Base64-String in einen ArrayBuffer in 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