小程序/H5 判断多张图片是否加载完成方法

最新推荐文章于 2023-05-08 18:01:17 发布

唱歌去旅行8

最新推荐文章于 2023-05-08 18:01:17 发布

阅读量2.1k

点赞数 5

分类专栏：小程序文章标签：小程序 html5 javascript

本文链接：https://blog.csdn.net/baidu_16839249/article/details/109092403

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

getImg() {
	this.imageReady(imgArr).then(() => {
		//do something
	})
}
imageReady(pics) {
    const picsAll = pics.map(imgurl => new Promise((resolve, reject) => {
    	// 小程序判断多张图片是否加载完成方法
        wx.getImageInfo({
            src: imgurl,
            success: function() {
                resolve(imgurl);
            },
            fail: function() {
            	reject(new Error('image load error'));
            }
        });
        // H5 判断图片是否加载完成方法
        // const img = new Image();
        // img.src = imgurl;
        // img.onload = () => resolve(imgurl);
        // img.onerror = () => reject(new Error('image load error'));
    }));
    return Promise.all(picsAll).then(() => {
    }).catch((e) => {
    });
},