Bagaimana untuk Mengekodkan Imej ke Rentetan Base64 dalam JavaScript?

Mengekodkan Imej kepada Rentetan Base64 dalam JavaScript

Soalan:

Bagaimana saya boleh menukar imej kepada yang dikodkan Base64 rentetan dalam JavaScript? Penukaran ini diperlukan untuk menghantar imej ke pelayan untuk pemprosesan selanjutnya.

Penyelesaian:

Pendekatan 1: FileReader

Menggunakan API FileReader, anda boleh memulakan XMLHttpRequest untuk mendapatkan semula imej sebagai gumpalan dan kemudian memproses ia.

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();
}

Menggunakan fungsi ini:

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

Atas ialah kandungan terperinci Bagaimana untuk Mengekodkan Imej ke Rentetan Base64 dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!