通过canvas将图片进行转换
function getImgBase64(url,callback){
let img = new Image()
img.src = url;
img.onload = function(){
let canvas = document.createElement('canvas') //创建一个canvas元素
let ctx = canvas.getContext('2d')
canvas.width = img.width
canvas.height = img.height
ctx.drawImage(img, 0,0,canvas.width,canvas,height)
let dataUrl = canvas.toDataUrl('img/png') // 注意这里用的是png的图，如果是jpg，写成img/jpg
callback(dataUrl)
}
}
getImgBase64(图片相对路径,(e)=>console.log(e)) // e为解析后的路径
PS: 本地图片默认是没有域名，所以浏览器会认为是跨域，导致报错。
网友评论