Kako pridobiti velikost slike (višina & amp; širina) z uporabo JavaScripta?

Ali obstajajo API-ji ali metode jQueryja ali čistega JS za pridobitev dimenzij slike na strani?

Karol Selak
Edited question Npopoldan 54p6.11.20170tni 54trpopoldanni november 2017 в 2:15
Programiranje
image javascript jquery jquery-plugins
Ndopoldan 13p8.3.20096tni 13trdopoldanni marec 2009 в 6:41
19 ogledi

clientWidth in clientHeight sta lastnosti DOM, ki prikazujeta trenutno velikost notranjih dimenzij elementa DOM v brskalniku (brez robov in robov). V primeru elementa IMG bodo tako prikazane dejanske dimenzije vidne slike.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
CMS
Edited answer Ndopoldan 53p21.8.20094tni 53trdopoldanni avgust 2009 в 7:22
Komentarji (10)

Prav tako (poleg odgovorov Rexa in Iana) obstaja:

imageElement.naturalHeight

in

imageElement.naturalWidth

Ta podatka določata višino in širino same slikovne datoteke (in ne le elementa slike).

MultiplyByZer0
Edited answer Npopoldan 5p8.8.20171tni 5trpopoldanni avgust 2017 в 11:12
Komentarji (6)

To storite z uporabo JQueryja:

var imgWidth = $("#imgIDWhatever").width();
Ian Suttle
Edited answer Ndopoldan 57p8.3.20096tni 57trdopoldanni marec 2009 в 6:59
Komentarji (4)