使用jQuery獲取圖像的真實尺寸

Question

給出圖像路徑列表，我如何遍歷它們並找到實際的圖像尺寸？我假設我必須將它們插入到沒有寬度或高度屬性的DOM中，並對它們執行.width和.height？

Answer 1

var paths = ['/path/image.png', 'somewhere/page.jpg']; 

$.each(paths, function(i, path) { 
    var img = new Image(); 

    $(img).load(function() { 

     var width = img.width, 
      height = img.height; 

     alert(width + ' × ' + height); 

    }); 

    img.src = path; 

}); 

See it on jsFiddle。