实现页面中有个板块,需要多张图片加载完之后才能进行显示:
const loadImg = (src) => {
return new Promise ((resolve,reject) => {
const img = new Image();
img.src = src;
img.onload = () => {
resolve(img);
};
img.onerror = (e) => {
reject(e);
}
})
}
const imgs = [
'http://climg.mukewang.com/5b165603000146ca06000338.jpg',
'http://climg.mukewang.com/5b165603000146ca06000338.jpg',
];
Promise.all(imgs.map(src => loadImg(src))).then(arr => {
console.log(arr);
arr.forEach((img) => {
document.body.appendChild(img);
})
});