Cómo obtener el tamaño de la imagen (alto y ancho) usando JavaScript
¿Existe una API o un método de JavaScript o jQuery para obtener las dimensiones de una imagen en la página?
Aceptado
Puede obtener la imagen mediante programación y verificar las dimensiones usando JavaScript...
const img = new Image();
img.onload = function() {
alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';Expandir fragmento
Esto puede resultar útil si la imagen no forma parte del marcado.
clientWidth y clientHeight son propiedades DOM que muestran el tamaño actual en el navegador de las dimensiones internas de un elemento DOM (excluyendo margen y borde). Entonces, en el caso de un elemento IMG, obtendrá las dimensiones reales de la imagen visible.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
