首页 > web前端 > js教程 > 正文

您可以使用 JavaScript 将数据 URL 转换回 Blob 吗?

Mary-Kate Olsen
发布: 2024-10-26 03:14:02
原创
926 人浏览过

 Can you convert a Data URL back into a Blob using JavaScript?

从 DataURL 中检索 Blob

问题:

使用 FileReader 的 readAsDataURL() 方法,可以将数据转换为 Data网址。但是,是否有一种方法可以逆转此过程并使用内置浏览器 API 从数据 URL 创建 Blob 实例?

答案:

提出了一个解决方案由 Matt 一年前在讨论主题“如何在 javascript 中将 dataURL 转换为文件对象?”

更新的代码:

由于 BlobBuilder 已被弃用,这里是更新代码:

<code class="javascript">function dataURItoBlob(dataURI) {
  // Convert base64 to raw binary data as a string
  let byteString = atob(dataURI.split(',')[1]);

  // Extract the MIME type
  let mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

  // Convert the string to an ArrayBuffer
  let ab = new ArrayBuffer(byteString.length);
  let ia = new Uint8Array(ab);

  // Set the ArrayBuffer bytes to the appropriate values
  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }

  // Create a Blob from the ArrayBuffer
  let blob = new Blob([ab], { type: mimeString });
  return blob;
}</code>
登录后复制

以上是您可以使用 JavaScript 将数据 URL 转换回 Blob 吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板