JavaScript獲取遠(yuǎn)程圖片寬度和高度的方法

2014-10-08 14:56:08來源:作者:

今天有個(gè)想找一個(gè)快速用JavaScript獲取遠(yuǎn)程圖片寬度和高度的方法,很多網(wǎng)上的都是使用img.onload方法,一旦遇到大圖片速度就非常慢。網(wǎng)上發(fā)現(xiàn)一個(gè)定時(shí)檢測(cè)圖片寬高的方法,效率非常高。具體代碼如下:

今天有個(gè)想找一個(gè)快速用JavaScript獲取遠(yuǎn)程圖片寬度和高度的方法,很多網(wǎng)上的都是使用img.onload方法,一旦遇到大圖片速度就非常慢。網(wǎng)上發(fā)現(xiàn)一個(gè)定時(shí)檢測(cè)圖片寬高的方法,效率非常高。具體代碼如下:

// 記錄當(dāng)前時(shí)間戳
var start_time = new Date().getTime();
 
// 圖片地址
var img_url = 'http://www.baidu.com/img/bdlogo.png?'+start_time;
 
// 創(chuàng)建對(duì)象
var img = new Image();
 
// 改變圖片的src
img.src = img_url;
 
// 定時(shí)執(zhí)行獲取寬高
var check = function(){
    // 只要任何一方大于0
    // 表示已經(jīng)服務(wù)器已經(jīng)返回寬高
    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);

關(guān)鍵詞:JavaScript