canvas画布导出报图片污染
Promise.all异步多图转base64代码实例
<img class="tobase64img" src="src1">
<img class="tobase64img" src="src2">
data(){
return {
isload:false
}
},
mounted(){
let load_arr = [];//初始化的所有异步行为
let els = document.getElementsByClassName('tobase64img');
for (let i = 0; i < els.length; i++) {
load_arr.push(this.loadimg(els[i]))
}
Promise.all(load_arr).then((res) => {
this.$nextTick(() => {
this.isload = true;//加载完成
})
})
},
methods:{
loadimg(el) {
return new Promise((resolve, reject) => {
var request = new XMLHttpRequest();
let src = el.src;
request.open('GET', src + "?" + Math.random(), true);
request.responseType = "blob";
request.onload = () => {
this.blobToDataURL(request.response, (url) => {
el.setAttribute('src', url)
resolve()
})
};
request.onerror = error => reject(error);
request.send();
})
},
}
562

被折叠的 条评论
为什么被折叠?



