Bagaimana untuk Menukar URL Data Kembali kepada Contoh Blob dalam JavaScript?

Mengambil Contoh Blob daripada DataURL

Menukar data sembarangan kepada URL Data menggunakan readAsDataURL() FileReader ialah tugas biasa. Walau bagaimanapun, apabila timbul keperluan untuk mengembalikan semula URL Data kepada contoh Blob, API penyemak imbas terbina dalam mungkin kelihatan tidak jelas.

Menyelesaikan isu ini, Matt telah menawarkan penyelesaian dalam perbincangan sebelumnya (Cara menukar dataURL untuk memfailkan objek dalam javascript?). Walaupun BlobBuilder kini tidak digunakan lagi, kod yang dikemas kini dengan berkesan menukarkan URL Data kepada Gumpalan:

<code class="js">function dataURItoBlob(dataURI) {
  const byteString = atob(dataURI.split(',')[1]);
  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

  const ab = new ArrayBuffer(byteString.length);
  const ia = new Uint8Array(ab);

  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }

  return new Blob([ab], { type: mimeString });
}</code>

Coretan kod ini dengan mudah mengubah URL Data menjadi Gumpalan, menangani pertanyaan awal dan menawarkan alat praktikal untuk manipulasi data.

Atas ialah kandungan terperinci Bagaimana untuk Menukar URL Data Kembali kepada Contoh Blob dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!