缓存的方法"/>
前端(js)实现图片缓存的方法
当我们想遍历图片展示时,如果图片加载缓慢会造成图片一张张加载十分不美观,有些图片由于没有加载成功还会会显示失败,如果等程序要用到时再从远程服务器下载的话可能来不及,对用户体验来讲影响很大。所以可以先将图片缓存,需要时直接使用即可。
//需要预加载的图片路径存放在数组里
var imgsrc=["1.jpg","2.jpg","3.jpg"
];
//初始化image对象
var img = new Image();
//遍历数组的路径,预加载到客户端
for (var i = 0; i < imgsrc.length; i++){img[i].src = new Image();img[i].src = imgsrc[i];
}
使用方法:
图片地址= img[i].src
更多推荐
前端(js)实现图片缓存的方法
发布评论