Wie kodiere ich Bilder in Base64-Strings in JavaScript?

Bilder in Base64-Zeichenfolgen in JavaScript kodieren

Frage:

Wie kann ich ein Bild in ein Base64-kodiertes Bild konvertieren? Zeichenfolge in JavaScript? Diese Konvertierung ist notwendig, um das Bild zur weiteren Verarbeitung an einen Server zu senden.

Lösung:

Ansatz 1: FileReader

Mithilfe der FileReader-API können Sie XMLHttpRequest initiieren, um das Bild als Blob abzurufen und dann zu verarbeiten it.

function toDataURL(url, callback) {
  let xhr = new XMLHttpRequest();
  xhr.onload = function() {
    let reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

Verwendung dieser Funktion:

toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0', dataUrl => {
  console.log('RESULT:', dataUrl);
});

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