后端返回图片的url,将其转成base64,再次进行上传

  //将图片变成base64再上传(主要是转化来自客户端的图片)

 getUrlBase64=(url, ext)=> {

    var canvas = document.createElement("canvas");   //创建canvas DOM元素

    var ctx = canvas.getContext("2d");

    var img = new Image;

    img.crossOrigin = 'Anonymous';

    img.src = url;

    img.onload = ()=> {

        canvas.height = 200; //指定画板的高度,自定义

        canvas.width = 250; //指定画板的宽度，自定义

        ctx.drawImage(img, 0, 0, 200, 250); //参数可自定义

        var dataURL = canvas.toDataURL("image/" + ext);

        let base64 = dataURL.split(',')[1]

        this.originBase64 = base64

        canvas = null;

        // return base64

    };

   

}

 

 

主要是利用canva将图片画出来,然后利用canvas.toDataURL(图片类型),将其变为base64,下面的base64是截取的base64后面一串东西.