Browse Source

[新增] H5 base64转图片的方法

master
LAPTOP-D7TKRI82\邓 5 years ago
parent
commit
dc116f10ef
  1. 35
      common/base64ToImage.js

35
common/base64ToImage.js

@ -0,0 +1,35 @@
// base64 转为文件类型
function dataURLtoFile(dataurl, filename = 'file') {
let arr = dataurl.split(',')
let mime = arr[0].match(/:(.*?);/)[1]
let suffix = mime.split('/')[1]
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
})
}
// 转成图片文件,使用时可以这样传参进入
// var imgFile = dataURLtoFile(base64Img);
// 预览转出来的文件
function previewImageFile(imgFile){
const fileReader = new FileReader(); // 创建一个 fileReader
fileReader.readAsDataURL(imgFile); // 将生成的图片文件读到 fileReader中
const img = new Image();
img.src = fileReader.result; // 将 fileReader.result 设置为 图片的 src
document.body.appendChild(img);
}
module.exports = {
dataURLtoFile,
previewImageFile
}
Loading…
Cancel
Save