Obtenir les vraies dimensions d'une image avec JQuery

Question

Étant donné une liste de chemins d'images, comment puis-je les parcourir et trouver les dimensions réelles de l'image? Je suppose que je dois les insérer dans le DOM sans propriétés de largeur ou de hauteur et faire un .width et .height sur eux?

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.