小程序/H5 判断多张图片是否加载完成方法 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2020-10-15

发布人:葵宇科技

浏览次数:65

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) => {
    });
},

相关案例查看更多