Kā iegūt attēla izmēru (augstums & amp; platums), izmantojot JavaScript?

Vai ir kādi jQuery vai tīri JS API vai metodes, lai iegūtu attēla izmērus lapā?

Karol Selak
Rediģēts jautājums 6pēcpusdienari0t novembrī 2017 в 2:15
Programmēšana
image javascript jquery jquery-plugins
8priekšpusdienari6t martā 2009 в 6:41
27 skati

clientWidth un clientHeight ir DOM īpašības, kas parāda pašreizējo pārlūkprogrammā esošo DOM elementa iekšējo izmēru (izņemot malas un robežas). Tādējādi IMG elementa gadījumā šī īpašība parāda redzamā attēla faktiskos izmērus.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
CMS
Rediģēta atbilde 21priekšpusdienari4t augustā 2009 в 7:22
Komentāri (10)

Arī (papildus Rex un Ian's atbildēm) ir:

imageElement.naturalHeight

un

imageElement.naturalWidth

Tie norāda paša attēla faila augstumu un platumu (nevis tikai attēla elementu).

MultiplyByZer0
Rediģēta atbilde 8pēcpusdienari1t augustā 2017 в 11:12
Komentāri (6)

Izmantojot JQuery, varat to izdarīt:

var imgWidth = $("#imgIDWhatever").width();
Ian Suttle
Rediģēta atbilde 8priekšpusdienari6t martā 2009 в 6:59
Komentāri (4)