obtenir la taille de l'image en utilisant javascript ou jquery

Question

Je veux obtenir la taille de l'image en utilisant javascript ou jquery. quelque chose de similaire à imageize().

Merci Jean

Answer 1

a déjà été posée et répondue - How to get image size (height & width) using JavaScript?

var img = document.getElementById('imageid'); 
var width = img.clientWidth; 
var height = img.clientHeight; 

Answer 2

var width = $ ("# img") largeur().

Answer 3

Vous pouvez utiliser .attr ('width') et .attr ('height') sauf si vous voulez dire taille en octets?

ce wouldnt travail si le img est redimensionné avec css

Answer 4

Cela dépend. Si l'image comporte déjà des styles/attributs de largeur/hauteur, vous n'obtiendrez pas la largeur/hauteur de l'image, mais vous obtiendrez les dimensions redimensionnées. Voici une solution possible:

function getImageSize(img) { 
    var clone = img.clone(); 
    clone.width("auto") 
     .height("auto") 
     .css("position", "absolute") 
     .css("left", -9999) 
     .css("top", -9999); 
    $(document.body).append(clone); 
    var width = clone.width(); 
    var height = clone.height(); 
    clone.remove(); 
    return [width, height]; 
} 

Non testé, mais cela devrait fonctionner. Cependant, si vous êtes sûr que l'image n'est pas redimensionnée à partir de css/html, cette complication n'est pas nécessaire et vous pouvez utiliser ce que les autres ont dit.