js判断多个请求加载完毕

最新推荐文章于 2023-08-17 15:16:15 发布

原创最新推荐文章于 2023-08-17 15:16:15 发布

· 2.8k 阅读

2 ·

版权

 let imgLoadAll = [], img = [];
 for(let i = 0, len = imgStr.length; i < len; i++) {
     imgLoadAll[i] = new Promise((resolve, reject)=>{
         img[i] = new Image()
         img[i].src = imgStr[i]
         img[i].onload = function() {
            resolve(img[i])
         }
         img[i].onerror = function() {
            reject(img[i])
         }
     })
 }

// 第一张图加载完毕
imgLoadAll[0].then((img) => {
  console.log('第一张图加载完毕')
}).catch((img)=> {
  console.log('第一张图加载失败')
})

// 全部加载完毕
Promise.all(imgLoadAll).then((img) => {
  console.log('全部加载完毕')
}).catch((img)=> {
  console.log('全部加载失败')
})