H5异步加载多图

异步加载多图(可能没啥用,加载慢)(图片预加载,提前给浏览器缓存图片)

1. 用一个计数变量记录需要加载的图片个数

2. 用new Image()去加载,加载完给此对象的src赋值要加载的url路径(事先加载好图片)

3. 每次加载成功计数加一,加载完成全部调用回调进行下一步操作

4. 此方法可以得知图片什么时候加载完成,示例代码:

var img = new Image();

img.onload = () => {

  // 可以直接使用相同url赋值,此时图片已经预加载完毕     

}

img.src = 'https://res.vigoo.com' + data.img;

注意:src要写在onload之后,否则图片加载过快没执行onload

posted @ 2020-02-22 15:09  对·味  阅读(423)  评论(0编辑  收藏  举报