Πώς να λάβετε το μέγεθος της εικόνας (ύψος και πλάτος) χρησιμοποιώντας JavaScript;

Οι clientWidth και clientHeight είναι ιδιότητες DOM που δείχνουν το τρέχον μέγεθος των εσωτερικών διαστάσεων ενός στοιχείου DOM στον περιηγητή (εξαιρουμένων των περιθωρίων και των πλαισίων). Έτσι, στην περίπτωση ενός στοιχείου IMG, αυτό θα δώσει τις πραγματικές διαστάσεις της ορατής εικόνας.

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

Επίσης (εκτός από τις απαντήσεις του Rex και του Ian) υπάρχει:

imageElement.naturalHeight

και

imageElement.naturalWidth

Αυτά παρέχουν το ύψος και το πλάτος του ίδιου του αρχείου εικόνας (και όχι μόνο του στοιχείου εικόνας).

Χρησιμοποιώντας την JQuery μπορείτε να το κάνετε αυτό:

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