Bagaimana untuk Menukar Rentetan Base64 kepada Blob dalam JavaScript?

Mencipta Blob daripada Rentetan Base64 dalam JavaScript

Apabila bekerja dengan data binari yang dikodkan sebagai rentetan base64, mungkin perlu menukar ia menjadi objek Blob. Ini boleh berguna untuk memaparkan data dalam penyemak imbas web atau menyimpannya ke peranti pengguna.

Menyahkod Rentetan Base64

Langkah pertama ialah menyahkod base64 rentetan menjadi rentetan aksara bait. Ini boleh dicapai menggunakan fungsi atob.

const byteCharacters = atob(b64Data);

Menukar Aksara Byte kepada Array Byte

Seterusnya, kita perlu menukar aksara bait ke dalam tatasusunan bait ditaip sebenar. Ini boleh dilakukan dengan menghantar aksara bait kepada pembina Uint8Array.

const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i <p><strong>Mencipta Objek Gumpalan</strong></p><p>Akhir sekali, kita boleh membalut tatasusunan bait dalam tatasusunan dan hantarkannya kepada pembina <strong>Blob</strong> ke cipta objek Blob.</p><pre class="brush:php;toolbar:false">const blob = new Blob([byteArray], {type: contentType});

Pengoptimuman Prestasi

Kod di atas berfungsi, tetapi prestasinya boleh dipertingkatkan dengan memproses aksara bait dalam kepingan yang lebih kecil. Saiz kepingan 512 bait biasanya merupakan pilihan yang baik.

Fungsi Contoh

Berikut ialah fungsi yang menukar rentetan base64 kepada objek Blob menggunakan pendekatan yang dioptimumkan:

const b64toBlob = (b64Data, contentType='', sliceSize=512) => {
  const byteCharacters = atob(b64Data);
  const byteArrays = [];

  for (let offset = 0; offset <p><strong>Penggunaan Contoh</strong></p><p>Untuk menggunakan fungsi, hanya hantar rentetan base64 dan jenis kandungan sebagai argumen.</p><pre class="brush:php;toolbar:false">const blob = b64toBlob(b64Data, contentType);

Objek Blob yang terhasil kemudiannya boleh digunakan untuk mencipta imej atau memuat turun data.

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