Hvordan få bildestørrelse (høyde og bredde) ved hjelp av JavaScript?

Finnes det noen jQuery- eller rene JS-API-er eller -metoder for å hente ut dimensjonene til et bilde på siden?

clientWidth og clientHeight er DOM-egenskaper som viser den aktuelle størrelsen i nettleseren på de indre dimensjonene til et DOM-element (unntatt margin og border). Hvis det dreier seg om et IMG-element, viser dette de faktiske dimensjonene til det synlige bildet.

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

Det finnes også (i tillegg til Rex og Ians svar):

imageElement.naturalHeight

og

imageElement.naturalWidth

Disse angir høyden og bredden på selve bildefilen (og ikke bare bildeelementet).

Kommentarer (6)

Dette gjør du ved hjelp av JQuery:

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