图片url地址转base64格式

// url地址转bace64
export function getImageBase64Data(imgSrc) {

  function getBase64(img) {

    let canvas = document.createElement("canvas");
  
    canvas.width = img.width;
  
    canvas.height = img.height;
  
    let ctx = canvas.getContext("2d");
  
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  
    let dataURL = canvas.toDataURL('image/jpeg');
  
    return dataURL;
  
  }

  let baseUrl = new Promise(function (resolve, reject) {

    let image = new Image();
    image.crossOrigin = 'Anonymous'; // 图片处理跨域
    image.src = `${imgSrc}?v=${new Date()}`;

    image.onload = function () {

      let imageBase64Data = getBase64(image);
      resolve(imageBase64Data);

    }

  });

  return baseUrl;

}

注意:服务器图片地址的响应头必须设置:access-control-allow-origin: *
不然的话还是会报跨域


版权声明:本文为weixin_46554760原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。