- 将以下代码复制封装于xxx.js文件中,放置在项目文件夹utiles下
/**
* @param {*} base64 图片base64
*/
export function base64ToImg (base64) {
return new Promise((resolve, reject) => {
const img = new Image()
img.src = 'data:image/jpeg;base64,' + base64
img.onload = function () {
resolve(img)
}
img.onerror = function (e) {
reject(e)
}
})
}
/**
* @param {*} image
*/
export function imgToBase64(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, image.width, image.height);
var dataURL = canvas.toDataURL("image/png");
return dataURL;
}
-
使用:引入xxx.js文件,调用方法
// 注意引入路径不要出错 import { base64ToImg, imgToBase64 } from '@/utils/xxx.js' base64ToImg(str).then(res => { // 输出图片img对象 console.log(res) }).catch(err => { console.log(err) }) const base64 = imgToBase64(image) // 输出图片base64 console.log(base64)