js 判斷圖片是否加載完成

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

1、根據(jù)url來加載圖片:

/**
 * 加載圖片,直到加載完成后才調(diào)用回調(diào)函數(shù)
 * @param url 后面讀取圖片流的url
 * @param callback 回調(diào)函數(shù)
 */
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函數(shù):
function testFun(img){
		 console.log('into testFun');
	  }



3、調(diào)用上面的方法,代碼如下:

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