Comment obtenir la taille de l'image (hauteur et largeur) à l'aide de JavaScript?

Question

Il n'existe aucun JavaScript ou jQuery Api ou de méthodes pour obtenir les dimensions d'une image sur la page?

Answer 1

Vous pouvez obtenir par programme l'image et vérifier les dimensions à l'aide de Javascript...

var img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

Cela peut être utile si l'image n'est pas une partie du balisage.

Answer 2

clientWidth et clientHeight sont des propriétés DOM qui montrent la taille du navigateur de l'intérieur les dimensions d'un élément du DOM (à l'exclusion de la marge et de la frontière). Ainsi, dans le cas d'un élément IMG, cela permet d'obtenir les dimensions réelles de l'image visible.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

Answer 3

Aussi (en plus de Rex et Ian réponses) il est imageElement.naturalHeight et imageElement.naturalWidth qui fournissent la hauteur et la largeur de l'image elle-même (plutôt que de l'élément d'image).

Answer 4

Si vous êtes à l'aide de jQuery et vous demandez les tailles d'image, vous devez attendre jusqu'à leur chargement, ou vous n'obtiendrez que des zéros.

$(document).ready(function() {
    $("img").load(function() {
        alert($(this).height());
        alert($(this).width());
    });
});

Answer 5

Utilisation de JQuery pour ce faire:

var imgWidth = $("#imgIDWhatever").width();