Rumah > hujung hadapan web > tutorial js > Bolehkah Anda Menukar URL Data Kembali kepada Blob dalam JavaScript Menggunakan API Terbina dalam?

Bolehkah Anda Menukar URL Data Kembali kepada Blob dalam JavaScript Menggunakan API Terbina dalam?

Linda Hamilton
Lepaskan: 2024-10-26 08:22:30
asal
613 orang telah melayarinya

 Can You Convert a Data URL Back to a Blob in JavaScript Using Built-in APIs?

Mendapatkan Gumpalan daripada DataURL

Dalam senario tertentu, terdapat keperluan untuk mengubah data sewenang-wenangnya menjadi URL Data menggunakan readAsDataURL FileReader( ) kaedah. Walau bagaimanapun, bolehkah URL Data ini ditukar semula menjadi contoh Blob menggunakan API penyemak imbas terbina dalam?

Penyelesaian telah dicadangkan oleh pengguna bernama Matt:

Coretan Kod:

<code class="js">function dataURItoBlob(dataURI) {
  // Convert base64 to raw binary data
  var byteString = atob(dataURI.split(',')[1]);

  // Extract the MIME component
  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]

  // Create an ArrayBuffer and Uint8Array
  var ab = new ArrayBuffer(byteString.length);
  var ia = new Uint8Array(ab);

  // Set the bytes of the buffer
  for (var i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }

  // Create a Blob instance
  var blob = new Blob([ab], { type: mimeString });
  return blob;
}</code>
Salin selepas log masuk

Nota:

Seperti yang dinyatakan dalam ulasan berikutnya, BlobBuilder telah tidak digunakan lagi. Oleh itu, kod yang disediakan di atas adalah versi yang dikemas kini.

Atas ialah kandungan terperinci Bolehkah Anda Menukar URL Data Kembali kepada Blob dalam JavaScript Menggunakan API Terbina dalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan