评论

base64图片上传云托管对象存储的方法

图片base64转file对象

H5端使用canvas生成的图片获取到的是图片的base64字符串,想要把该图传到对象存储那么就要将base64想办法转为图片file文件对象。

给大家分享一个base64转file文件对象的方法:

//参数1为 dataurl为base64
//参数2为 name为自定义名称
const base64ToFile = (dataurl,name) => {
  const arr = dataurl.split(','); const mime = arr[0].match(/:(.*?);/)[1];
  const bstr = atob(arr[1]); let n = bstr.length;
  const u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  const suffix = mime.split('/');
  return new File([u8arr], name, { type: mime });
};


最后一次编辑于  2022-06-27  
点赞 3
收藏
评论

2 个评论

  • IT小帮手
    IT小帮手
    2023-01-18

    使用buffer

    2023-01-18
    赞同
    回复
  • silhouette
    silhouette
    2022-10-04

    您好,我想问一下用这个方法不会报atob is not a function 的错吗

    2022-10-04
    赞同
    回复
登录 后发表内容