Wie konvertiere ich einen Blob mit JavaScript in einen Base64-String?

Blob in Base64-String mit FileReader konvertieren

Um ein Blob-Objekt in einen Base64-String zu konvertieren, können Sie die FileReader-API wie folgt verwenden:

var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
  var base64data = reader.result;
}

Die readAsDataURL-Methode codiert das Blob-Objekt nach Base64. Das onloadend-Ereignis wird ausgelöst, sobald die Codierung abgeschlossen ist, und auf die resultierende Base64-Zeichenfolge kann über die Variable base64data zugegriffen werden.

Verwendung von jQuery

jQuery bietet eine einfache Möglichkeit dazu Erzielen Sie das gleiche Ergebnis mit dem folgenden Code:

$.ajax({
  url: '<api-endpoint>',
  type: 'POST',
  contentType: false,
  processData: false,
  data: blob,
  success: function(data, status, xhr) {
    var base64data = xhr.getResponseHeader('Content-Type');
  }
});

Die getResponseHeader-Methode kann verwendet werden, um die Base64-codierte Zeichenfolge aus der Serverantwort zu extrahieren.

Hinweis: Die resultierende Base64-Zeichenfolge enthält die Daten-URL-Deklaration, die entfernt werden muss, wenn nur die codierten Daten gewünscht werden. Dies kann erreicht werden, indem das Präfix „data:/;base64“ aus dem Ergebnis entfernt wird.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich einen Blob mit JavaScript in einen Base64-String?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!