[JavaScript]判断图片是否下载

思路

　　利用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方法的参数。