如何在 JavaScript 中有效率地將 Base64 資料解碼為 Blob？

將 Base64 資料解碼為 Blob：JavaScript 開發人員綜合指南

在 JavaScript 中，處理 Base64 編碼的二進位資料是一項常見任務。為了向使用者顯示此數據，通常需要建立 Blob 物件。本文提供了有關如何將 Base64 資料解碼為 Blob 的全面指南，解決了處理過大數據 URL 的具體挑戰。

將 Base64 轉換為位元組數組

解碼 Base64 字串轉換為二進位數據，我們可以利用 atob 函數。它傳回一個新字串，編碼資料中的每個位元組都有一個字元。

為了將這些字符轉換為其對應的位元組值，我們使用 charCodeAt 方法迭代每個字符，從而產生一個位元組數數組。

建立類型化位元組數組

我們可以使用Uint8Array 建構子將位元組數字數組轉換為類型化位元組數組，它是表示底層二進位資料的類似數組的對象。

轉換為 Blob

最後，我們可以將型別字節陣列包裝在陣列中並傳遞傳給 Blob 建構子來建立 Blob 物件。

最佳化效能

雖然上面的程式碼有效，但透過處理較小切片中的位元組字元而不是一次處理所有位元組字元可以提高其效能。

下面的 b64toBlob 函數透過切片大小演示了這個改進512 字節，已發現它可以在記憶體使用和效能之間提供良好的平衡。

完整範例

為了示範 b64toBlob 的用法，我們可以建立一個影像元素並將其來源設定為從 Base64 編碼影像建立的 Blob URL。

透過執行以下步驟和利用提供的程式碼片段，您可以有效地將base64資料解碼為JavaScript中的Blob對象，從而使您能夠向使用者顯示大型二進位數據，而不會遇到資料的限制網址。

以上是如何在 JavaScript 中有效率地將 Base64 資料解碼為 Blob？的詳細內容。更多資訊請關注PHP中文網其他相關文章！