将base64编码的图片转化成图片

方法

function dataURLtoFile(dataurl, filename = 'file') {
  let arr = dataurl.split(',')  // 结果：base64编码的英文字符
  let mime = arr[0].match(/:(.*?);/)[1]  // 结果：image/jpg
  let suffix = mime.split('/')[1]  //结果：jpg
  let bstr = atob(arr[1])
  let n = bstr.length
  let u8arr = new Uint8Array(n)
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n)
  }
  return new File([u8arr], `${filename}.${suffix}`, {
    type: mime
  })
}
 // base64编码的图片
var base64Img = 'data:image/jpg;base64,64编码的英文字符 ';
// 转成图片文件
var imgFile = dataURLtoFile(base64Img); 

如果想要预览转出来的图片可以：

const fileReader = new FileReader();  // 创建一个 fileReader
fileReader.readAsDataURL(imgFile); // 将生成的图片文件读到 fileReader中
const img = new Image();
img.src = fileReader.result; // 将 fileReader.result 设置为 图片的 src
document.body.appendChild(img);

转载自简书：https://www.jianshu.com/p/e26aaca7e201