等图片全部加载完

All

传入是一个数组

function imageLoad(arr){
	//已经加载完的图片数量
	let loadeImage = 0
	//存放图片的数组
	let newImages = []
	return new Promise((resolve, reject) => {
		for (let i = 0; i < arr.length; i++) {
			for (let i = 0; i < arr.length; i++) {
				newImages[i] = new Image()
				//设置图片src属性
				//newImages[i].src = arr[i].slice(5,-2)
				newImages[i].src = arr[i]
				//图片绑定onload事件,确保加载完成
				newImages[i].onload = () => {
					loadeImage++
					//当全部加载完成后,resove
					if (loadeImage === arr.length) {
						setTimeout(()=>{
							resolve('加载完成')
						},500)
					}
				}
				newImages[i].onerror = () => {
					reject('加载失败')
				}
			}
		}
	})
}
posted @ 2021-07-07 14:01  小泽沐优声  阅读(83)  评论(0编辑  收藏  举报