今天有個想找一個快速用JavaScript獲取遠程圖片寬度和高度的方法,很多網上的都是使用img.onload方法,一旦遇到大圖片速度就非常慢。網上發現一個定時檢測圖片寬高的方法,效率非常高。具體代碼如下:
// 記錄當前時間戳
var start_time = new Date().getTime();
// 圖片地址
var img_url = 'http://www.baidu.com/img/bdlogo.png?'+start_time;
// 創建對象
var img = new Image();
// 改變圖片的src
img.src = img_url;
// 定時執行獲取寬高
var check = function(){
// 只要任何一方大于0
// 表示已經服務器已經返回寬高
if(img.width>0 || img.height>0){
var diff = new Date().getTime() - start_time;
document.body.innerHTML += '
from:check : width:'+img.width+',height:'+img.height+', time:'+diff+'ms
';
clearInterval(set);
}
};
var set = setInterval(check,40);