如何在 JavaScript 中将数据 URL 转换为 Blob？

将数据 URL 转换为 Blob

使用 FileReader 的 readAsDataURL() 将任意数据转换为数据 URL 是一项有用的技术。但是，如果您需要将该 Data URL 转换回 Blob 实例怎么办？

浏览器本机转换

目前，没有内置的浏览器 API 可以支持直接将数据 URL 转换为 Blob。但是，有一些利用自定义 JavaScript 代码的解决方案。

自定义 JavaScript 解决方案

Matt 在 Stack Overflow 上提出了一种被广泛接受的方法（如何将 dataURL 转换为JavaScript 中的文件对象？）。以下是他的代码的更新版本：

<code class="javascript">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);
  }

  const blob = new Blob([ab], { type: mimeString });
  return blob;
}</code>

用法

您现在可以使用 dataURItoBlob() 将数据 URL 转换为 Blob 对象：

<code class="javascript">const dataURL = 'data:image/png;base64,...';
const blob = dataURItoBlob(dataURL);</code>

以上是如何在 JavaScript 中将数据 URL 转换为 Blob？的详细内容。更多信息请关注PHP中文网其他相关文章！