[JavaScript]判断图片是否下载

Posted 2022-04-20 soyang

思路

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