Come ottenere le dimensioni dell'immagine (altezza e larghezza) usando JavaScript?

clientWidth e clientHeight sono proprietà DOM che mostrano l'attuale dimensione in-browser delle dimensioni interne di un elemento DOM (esclusi margine e bordo). Quindi, nel caso di un elemento IMG, questo otterrà le dimensioni reali dell'immagine visibile.

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

Inoltre (oltre alle risposte di Rex e Ian) c'è:

imageElement.naturalHeight

e

imageElement.naturalWidth

Questi forniscono l'altezza e la larghezza del file immagine stesso (piuttosto che solo l'elemento immagine).

Usando JQuery si fa questo:

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