图片转base64

图片转base64

//图片路径为
var scr='xx/xx.jpg'
 var img = new Image()
 img.src = src
  function toBase64 () {
          var canvas = document.createElement('canvas')
          canvas.width = img.width
          canvas.height = img.height
          var ctx = canvas.getContext('2d')
          ctx.drawImage(img, 0, 0, img.width, img.height)
          var ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase()
          var dataURL = canvas.toDataURL('image/' + ext)
         return dataURL //这个是base64地址
   }
  img.onload =toBase64
   //函数封装接受参数 src 转为同步调用 和以上函数同功能
function toBase64Async(src){
  return new Promise(function (resolve, reject) {
  var img = new Image()
        img.src = src
        img.onload = function () {
          var canvas = document.createElement('canvas')
          canvas.width = img.width
          canvas.height = img.height
          var ctx = canvas.getContext('2d')
          ctx.drawImage(img, 0, 0, img.width, img.height)
          var ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase()
          var dataURL = canvas.toDataURL('image/' + ext)
          resolve(dataURL)
        }
      })
}
//结合asyn await 使用 或者toBase64Async(路径).then((res)=>{console.log(res)})