JS判断多张图片加载完成-来自于三人行慕课

原文链接：https://www.3mooc.com/front/articleinfo/281

可以采用es6中的Promise.all()来实现

let mulitImg = [

 'http://www.3mooc.com/wp-content/uploads/2019/5/1.jpg',

 'http://www.3mooc.com/wp-content/uploads/2019/5/2.jpg',

 'http://www.3mooc.com/wp-content/uploads/2019/5/3.jpg',

 'http://www.3mooc.com/wp-content/uploads/2019/5/4.jpg'

];

let promiseAll = [], img = [], imgTotal = mulitImg.length;

for(let i = 0 ; i < imgTotal ; i++){

 promiseAll[i] = new Promise((resolve, reject)=>{

     img[i] = new Image()

     img[i].src = mulitImg[i]

     img[i].onload = function(){

          //第i张加载完成

          resolve(img[i])

     }

 })

}

Promise.all(promiseAll).then((img)=>{

 //全部加载完成

})

转载于:https://www.jianshu.com/p/cba6702b1dd0