如何從 Base64 字串建立 JavaScript Blob？

在 JavaScript 中從 Base64 字串建立 Blob

將 Base64 編碼的字串轉換為 Blob 物件是 JavaScript 處理二進位資料時的常見任務。這對於將數據顯示為圖像或將其下載到用戶的裝置非常有用。

解碼 Base64 字串

第一步是解碼 Base64 字串。這可以使用 atob 函數來實現，該函數將 Base64 編碼的字串轉換為包含原始二進位資料的新字串。

轉換為類型化位元組數組

atob 函數將產生字串，每個字元代表一個位元組。要將這些字元轉換為實際的字節，我們可以使用 .charCodeAt 方法來取得字元代碼點。這些代碼點將是位元組的值。

接下來，我們可以透過將 byteNumbers 陣列傳遞給建構子來建立 Uint8Array。

建立Blob

最後，我們可以透過將byteArray 包裝在陣列中並將其傳遞給Blob 來建立Blob 物件

範例

範例

以下是如何從Base64 字串建立Blob的範例：

建立 Blob 後，您可以使用它向使用者顯示資料或將其下載到他們的裝置上。您可以使用 URL.createObjectURL 函數為 Blob 建立 URL，然後可以將其設定為映像的 src 或下載連結的 href。

以上是如何從 Base64 字串建立 JavaScript Blob？的詳細內容。更多資訊請關注PHP中文網其他相關文章！