js 判斷圖片是否加載完成

Horacio77N 10年前發布 | 1K 次閱讀 JavaScript c++.ios.android

1、根據url來加載圖片:

/**
 * 加載圖片,直到加載完成后才調用回調函數
 * @param url 后面讀取圖片流的url
 * @param callback 回調函數
 */
function loadImage(url, callback) {
    var  img = new Image();
    img.src = url;
     var timer = setInterval(function() {
         if (img.complete) {
             callback(img);
             clearInterval(timer);
         }
     }, 50);
}




2、定義callback函數:
function testFun(img){
         console.log('into testFun');
      }



3、調用上面的方法,代碼如下:

loadImage(url+'?datetime='+new Date().getTime(),testFun);




 本文由用戶 Horacio77N 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!