img.onload 实现图片预加载方法
作者:程序员11 时间:2020-06-30 人气:748 QQ交流群\邮箱:1003265987@qq.com
img.onload 实现图片预加载方法
要展示的内容
文章讲解:
function loadImage(url, callback) {
var img =
new Image(); //创建一个Image对象,实现图片的预下载
img.src = url;
if (img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数
callback(img);
return; // 直接返回,不用再处理onload事件
}
img.onload =
function () { //图片下载完毕时异步调用callback函数。
callback(img);
};
};
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:css实现图片未加载完成时占位显示
- 下一篇:html实现复制功能
HTML5-热门文章
活跃用户












