url转base64

url转为base64

http://cloud.axureshop.com/

    this.getBase64Image('http://images.ixiaobada.com/test/item/images/2020-07-08/d0d964df-91b5-4193-abde-3cdf12633cf7.jpg', 'coopCachetImg')
//    第一个参数是图片的URL地址，第二个是转换成base64地址后要赋值给的img标签
  function  getBase64Image (url, ref) {
      var that = this
      var image = new Image()
      image.src = url + '?v=' + Math.random() // 处理缓存
      image.crossOrigin = '*' // 支持跨域图片
      image.onload = function () {
        var base64 = that.drawBase64Image(image)
          console.log(base64);
          var imgSrc=document.getElementById('coopCachetImg');
          imgSrc.src=base64;
        // that.$refs[ref].src = base64
      }
    }
    function drawBase64Image (img) {
      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 dataURL = canvas.toDataURL('image/png')
      return dataURL
    }