前端之家收集整理的这篇文章主要介绍了
js 判断图片是否加载完以及实现图片的预下载,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
创建一个Image对象,实现图片的预下载,如果图片已经存在于浏览器缓存,直接调用回调函数,使用onload事件可以判断图片是否加载完成
图片的预下载
img.src = url;
if(img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数
callback.call(img);
return; // 直接返回,不用再处理onload事件
}
img.onload = function () { //图片下载完毕时异步调用callback函数。
callback.call(img);//将回调函数的this替换为Image对象
};
};
<Meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
判断图片是否加载完成