Как получить и сохранить размеры изображения после загрузки в javascript?

Пользователь

от nicola , в категории: JavaScript , 8 месяцев назад

Как получить и сохранить размеры изображения после загрузки в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от kenya , 7 месяцев назад

@nicola 

В Javascript можно получить размеры изображения с помощью объекта Image и свойство width и height.


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
var image = new Image();
image.src = "путь_к_изображению";

image.onload = function() {
  var width = this.width;
  var height = this.height;
  console.log("Ширина: " + width + "px");
  console.log("Высота: " + height + "px");
  // сохранение размеров изображения в переменные или использование в другом коде
};


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


Обратите внимание, что необходимо указать путь к изображению в свойстве src объекта Image до вызова события onload, иначе размеры будут некорректными.