通过图片链接地址判断图片有没缓存以及是否已经加载完成

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

此方法还可以在加载完成后执行回调函数。