如何在 JavaScript 中將資料 URL 轉換回 Blob 實例？

從 DataURL 檢索 Blob 實例

使用 FileReader 的 readAsDataURL() 將任意資料轉換為資料 URL 是一項常見任務。然而，當需要將 Data URL 還原為 Blob 實例時，內建的瀏覽器 API 可能會顯得不清楚。

為了解決這個問題，Matt 在先前的討論中提供了解決方案（如何轉換dataURL 到 JavaScript 中的檔案物件？）。雖然BlobBuilder 現已棄用，但更新後的程式碼可以有效地將資料URL 轉換為Blob：

<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>

此程式碼片段毫不費力地將資料URL 轉換為Blob，解決初始查詢問題並提供實用的資料操作工具。

以上是如何在 JavaScript 中將資料 URL 轉換回 Blob 實例？的詳細內容。更多資訊請關注PHP中文網其他相關文章！