Bagaimana dengan Cekap Menukar Blob kepada String Base64 dalam JavaScript?

Menukar Blob kepada Base64

Dalam aplikasi web, imej selalunya perlu disimpan sebagai rentetan untuk pemprosesan atau penghantaran. Menukar gumpalan, yang mewakili objek data binari, kepada rentetan base64 membolehkan perwakilan dan manipulasi imej yang cekap. Walau bagaimanapun, mencari pendekatan optimum untuk melaksanakan penukaran ini boleh menjadi mencabar.

Satu pendekatan biasa ialah menggunakan API FileReader. API ini menyediakan kaedah, readAsBinaryString(), yang boleh digunakan untuk membaca kandungan gumpalan sebagai rentetan binari. Walau bagaimanapun, kaedah ini mungkin bukan pilihan yang paling berkesan untuk menukar gumpalan kepada base64.

Sebaliknya, adalah disyorkan untuk menggunakan kaedah readAsDataURL(). Kaedah ini membaca kandungan gumpalan dan mengekodkannya sebagai URL data. URL data termasuk jenis MIME objek, diikuti dengan pemisah koma, dan kemudian data berkod base64. Untuk mengekstrak data berkod base64, cuma alih keluar data:/;base64, awalan daripada hasil.

Untuk menukar gumpalan kepada rentetan base64 menggunakan readAsDataURL(), ikut langkah ini :

var reader = new FileReader();
reader.onloadend = function() {
  var base64data = reader.result;
  base64data = base64data.replace(/^data:image\/(png|jpeg);base64,/, "");
  console.log(base64data);
};
reader.readAsDataURL(blob);

Pendekatan ini menyediakan cara yang lebih cekap dan mudah untuk menukar gumpalan kepada rentetan base64.

Atas ialah kandungan terperinci Bagaimana dengan Cekap Menukar Blob kepada String Base64 dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!