Wie konvertiere ich Dateien in Base64-Kodierung in JavaScript?

Konvertieren von Dateien in Base64 mit JavaScript

Um Dateien über JSON in Base64 zu senden, befolgen Sie diese Schritte:

1. Besorgen Sie sich die Datei Objekt:

   • Verwenden Sie document.querySelector(), um das Dateieingabeelement auszuwählen.
   • Rufen Sie das Dateiobjekt aus dem Dateiarray bei Index 0 ab.

2. Konvertieren in Base64 mit FileReader:

   • Erstellen Sie ein FileReader-Objekt.
   • Rufen Sie readAsDataURL für das FileReader-Objekt auf und übergeben Sie das Dateiobjekt als Argument.

   • In der Onload-Ereignishandler:

     • Die Base64-Zeichenfolge ist verfügbar in reader.result.
3. Beispielcode:

function getBase64(file) {
  var reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = function () {
    console.log(reader.result);
  };
  reader.onerror = function (error) {
    console.log('Error: ', error);
  };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // prints the base64 string

Beachten Sie, dass das File-Objekt sein kann Wird mit FileReader verwendet, da es eine Unterklasse von Blob ist.

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