后端返回圖片的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后面一串東西.