使用js将图片通过base64进行压缩

通过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: 本地图片默认是没有域名，所以浏览器会认为是跨域，导致报错。