将图片Base64格式转化为file文件对象

原创于 2022-05-18 21:57:38 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

开发者文档专栏收录该内容

24 篇文章

订阅专栏

这篇博客介绍了如何将base64格式的图片转换为Blob对象，以便进行文件操作。文中提供的`dataURLtoBlob`函数实现了这一转换过程，并详细解释了Blob、二进制和file文件对象在处理图片格式时的作用。此外，还提到了常见的图片格式，如Blob和base64。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说直接上代码

function dataURLtoBlob(dataurl, name) {//base64转file
      var arr = dataurl.split(',');
        mime = arr[0].match(/:(.*?);/)[1];
        bstr = atob(arr[1]);
        n = bstr.length;
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new File([u8arr], name, {
        type: mime,
      })
    }
    
this.dataURLtoBlob(file,name)//file为base64格式的url,name为图片名称