美文网首页
本地相对路径转base64

本地相对路径转base64

作者: 在下高姓 | 来源:发表于2020-08-08 11:43 被阅读0次
    var imgSrc = "https://xxx.jpg";
      function getBase64(img){//传入图片路径,
        function getBase64Image(img,width,height) {//width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
          var canvas = document.createElement("canvas");
          canvas.width = width ? width : img.width;
          canvas.height = height ? height : img.height;
          var ctx = canvas.getContext("2d");
          ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
          var dataURL = canvas.toDataURL();//画布完成后的base64路径
          return dataURL;
        }
        var image = new Image();
        img.crossOrigin = 'anonymous';//画布图片跨域处理
        image.src = img;
        var deferred=$.Deferred();
        if(img){
          image.onload =function (){
            deferred.resolve(getBase64Image(image));//将base64传给done上传处理
          }
          return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
        }
      }
      getBase64(imgSrc)
        .then(function(base64){
          console.log(base64);//返回的base64图片
        },function(err){
          console.log(err);
        });

相关文章

网友评论

      本文标题:本地相对路径转base64

      本文链接:https://www.haomeiwen.com/subject/wmerrktx.html