Определение размеров изображения с помощью JavaScript

Нужно ли вам программно получить доступ к размерам изображения, отображаемого на вашей веб-странице? JavaScript предлагает простое решение.

Решение:

JavaScript предоставляет простой подход к получению размеров изображения:

1. Создайте новый объект изображения:

   const img = new Image();

2. Настройте прослушиватель событий загрузки для захвата размеров изображения, когда оно станет доступным:

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

3. Загрузите изображение:

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

При загрузке изображения срабатывает событие onload, которое отображает ширину и высоту изображения в окне предупреждения. Используя этот метод, вы можете легко получить доступ к размеру любого изображения на вашей веб-странице.