H5异步加载多图

Posted 2021-03-08 dlm17

异步加载多图（可能没啥用，加载慢）（图片预加载，提前给浏览器缓存图片）

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