Bagaimanakah Saya Boleh Menukar Imej kepada Rentetan Base64 Menggunakan JavaScript?

Menukar Imej kepada Base64 String dengan JavaScript

Keperluan:

Anda perlu menukar imej ke dalam rentetan Base64 untuk menghantarnya ke pelayan.

The Penyelesaian:

JavaScript menawarkan beberapa pendekatan untuk penukaran imej-ke-Base64.

1. Pendekatan FileReader:

Pendekatan ini menggunakan API FileReader (khususnya, readAsDataURL()) untuk menukar gumpalan yang dimuatkan daripada URL imej kepada dataURL.

Contoh Kod:

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

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

Pendekatan ini melibatkan penggunaan XMLHttpRequest untuk mengambil imej sebagai gumpalan dan kemudian menggunakan FileReader untuk menukarnya kepada dataURL.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Imej kepada Rentetan Base64 Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!