URL to Blob

public urlToBlob(url) {
        const self = this;
        const image = new Image();
        image.crossOrigin = '';
        image.src = url;
        image.onload = function () {
            // 圖片的絕對路徑地址 轉換成base64編碼 如下代碼：
            const canvas = document.createElement('canvas');
            canvas.width = image.width;
            canvas.height = image.height;
            const ctx = canvas.getContext('2d');
            ctx.drawImage(image, 0, 0, image.width, image.height);
            // canvas.toBlob((res) => {
            //     console.log(res);
            //     self.communityFormData.delete('image');
            //     self.communityFormData.append('image', res);
            //     console.log(self.communityFormData.get('image'));
            // });
            const ext = image.src.substring(image.src.lastIndexOf('.') + 1).toLowerCase();
            const dataURL = canvas.toDataURL('image/' + ext);
            const type = 'image/' + ext;
            console.log(dataURL);
            const bytes = window.atob(dataURL.split(',')[1]); // 去掉url的頭，並轉換為byte
            console.log(bytes);
            // 處理異常,將ascii碼小於0的轉換為大於0
            const ab = new ArrayBuffer(bytes.length);
            console.log(ab);
            const ia = new Uint8Array(ab);
            console.log(ia);
            for (let i = 0; i < bytes.length; i++) {
                ia[i] = bytes.charCodeAt(i);
            }
            console.log(ia);
            const tempBlob = new Blob([ia], { type: type });
            self.communityFormData.delete('image');
            self.communityFormData.append('image', tempBlob);
            console.log(tempBlob);
        };
    }

將服務端傳過來的圖片絕對地址轉成 Blob 類型返回給 服務端