[JavaScript]判断图片是否下载

weixin_30735391

于 2019-07-16 23:34:00 发布

阅读量131

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/SoYang/p/11198312.html

版权

思路

　　利用Image对象的属性"complete"来判断"返回浏览器是否已完成对图像的加载"。

　　利用Image对象的事件句柄"onload"来"触发当图像装载完毕时调用的事件"。

代码

function preLoadImg(url, callback) { 
    var img = new Image(); //创建一个Image对象，实现图片的预下载 
    img.src = url; 
    if (img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数 
        callback.call(img); 
        return; // 直接返回，不用再处理onload事件 
    } 
    img.onload = function () { //图片下载完毕时异步调用callback函数。 
        callback.call(img);//将回调函数的this替换为Image对象 
    }; 
};

A.call( B,x,y )：就是把A的函数放到B中运行，x 和 y 是A方法的参数。

转载于:https://www.cnblogs.com/SoYang/p/11198312.html