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。