Determinando as dimensões da imagem usando JavaScript

Você precisa acessar programaticamente as dimensões de uma imagem exibida em sua página da web? JavaScript oferece uma solução simples.

Solução:

JavaScript fornece uma abordagem direta para recuperar dimensões de imagem:

1. Crie um novo objeto de imagem:

   const img = new Image();

2. Defina o ouvinte de evento onload para capturar o dimensões da imagem quando ela estiver disponível:

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

3. Carregue a imagem:

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

Ao carregar a imagem, o evento onload é acionado e exibe a largura e a altura da imagem em uma caixa de alerta. Ao usar esta técnica, você pode acessar facilmente o tamanho de qualquer imagem em sua página web.