From dc116f10ef8f6cbfacf83659ec734abae9d409b0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?LAPTOP-D7TKRI82=5C=E9=82=93?= <52643018@qq.com> Date: Wed, 25 Aug 2021 17:10:59 +0800 Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=20H5=20base64=E8=BD=AC?= =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=9A=84=E6=96=B9=E6=B3=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/base64ToImage.js | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 common/base64ToImage.js diff --git a/common/base64ToImage.js b/common/base64ToImage.js new file mode 100644 index 0000000..47d5b2b --- /dev/null +++ b/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 +}