cavas绘制网络图片,跨域问题,将网络图片转换成base64再绘制

helei 2023-3-1 652 3/1
getBase64(imgUrl) {
                let that = this
                window.URL = window.URL || window.webkitURL;
                var xhr = new XMLHttpRequest();
                xhr.open("get", imgUrl, true);
                xhr.responseType = "blob";
                xhr.onload = function() {
                    if (this.status == 200) {
                        //得到一个blob对象
                        var blob = this.response;
                        console.log("blob", blob)
                        // 至关重要
                        let oFileReader = new FileReader();
                        oFileReader.onloadend = function(e) {
                            // 此处拿到的已经是base64的图片了,可以赋值做相应的处理
                            console.log(e.target.result)
                            return e.target.result
                        }
                        oFileReader.readAsDataURL(blob);
                    }
                }
                xhr.send();
            },
- THE END -

helei

3月01日00:34

最后修改:2023年3月1日
0