方法
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