Miten saada kuvan koko (korkeus & leveys) JavaScriptin avulla?

clientWidth ja clientHeight ovat DOM-ominaisuuksia, jotka näyttävät DOM-elementin sisäisten mittojen nykyisen selaimen koon (lukuun ottamatta marginaalia ja reunusta). IMG-elementin tapauksessa tämä antaa siis näkyvän kuvan todelliset mitat.

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

Lisäksi (Rexin ja Ianin vastausten lisäksi) on olemassa:

imageElement.naturalHeight

ja

imageElement.naturalWidth

Nämä antavat itse kuvatiedoston korkeuden ja leveyden (eikä vain kuvaelementin).

JQueryn avulla voit tehdä tämän:

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