Determinación de las dimensiones de la imagen mediante JavaScript

¿Necesita acceder mediante programación a las dimensiones de una imagen que se muestra en su página web? JavaScript ofrece una solución sencilla.

Solución:

JavaScript proporciona un método sencillo para recuperar dimensiones de imágenes:

1. Crear una nuevo objeto de imagen:

   const img = new Image();

2. Configure el detector de eventos de carga para capturar el dimensiones de la imagen cuando esté disponible:

   img.onload = function() {
     alert(this.width   'x'   this.height);
   }

3. Cargar la imagen:

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

Al cargar la imagen, el evento de carga se activa y muestra el ancho y el alto de la imagen en un cuadro de alerta. Al utilizar esta técnica, puedes acceder fácilmente al tamaño de cualquier imagen en tu página web.