圖片載入完執行函式

weixin_30924079發表於2020-04-04
function loadImage(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物件
  };
};

 

轉載於:https://www.cnblogs.com/chefweb/p/9090462.html

相關文章