JavaScript kullanarak resim boyutu (yükseklik & genişlik) nasıl alınır?

Sayfadaki bir resmin boyutlarını almak için herhangi bir jQuery veya saf JS API'si veya yöntemi var mı?

clientWidth ve clientHeight, bir DOM öğesinin iç boyutlarının (kenar boşluğu ve kenarlık hariç) geçerli tarayıcı içi boyutunu gösteren DOM özellikleridir. Dolayısıyla, bir IMG öğesi söz konusu olduğunda, bu, görünür görüntünün gerçek boyutlarını alacaktır.

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

Ayrıca (Rex ve Ian'ın cevaplarına ek olarak) şu da var:

imageElement.naturalHeight

ve

imageElement.naturalWidth

Bunlar görüntü dosyasının kendisinin yükseklik ve genişliğini sağlar (sadece görüntü öğesi yerine).

Yorumlar (6)

JQuery kullanarak bunu yapabilirsiniz:

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