img.onload 实现图片预加载方法
作者:程序员11 时间:2020-06-30 人气:487 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实现复制功能