页面有一组图片实现当一张图片加载完后显示下一张图片

Posted 2023-01-22 JackieDYH

实现代码 

const images = ['https://img-blog.csdnimg.cn/20201014180756928.png', 'https://img-blog.csdnimg.cn/20201014180756928.png']

const loadImg = (url) => 
    return new Promise(resolve => 
        let image = new Image()
        image.src = url
        image.onload = () => 
            resolve(image)
        
        image.onerror = () => 
            reject(`Errors on loading`)
        
    )


const solve = (images) => 
    const imgQueue = []
    for (let i = 0; i < images.length; i++) 
        imgQueue.push(loadImg(images[i]))
    
    Promise.all(imgQueue).then((item) => 
        console.log(item)
    )


solve(images)