Как узнать высоту и ширину изображения с помощью javascript?

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

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

Как узнать высоту и ширину изображения с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

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

@francis_schuster 

Для того, чтобы узнать высоту и ширину изображения с помощью JavaScript, можно использовать свойства "width" и "height" объекта "Image".


Пример:

1
2
3
4
5
6
var img = new Image();
img.onload = function() {
  console.log("Ширина изображения: " + this.width);
  console.log("Высота изображения: " + this.height);
};
img.src = "path/to/image.png";


В этом примере создается новый объект "Image" и устанавливается обработчик события "onload", который вызывается после загрузки изображения. В обработчике события выводятся значения свойств "width" и "height" объекта "Image" с помощью метода "console.log()". Наконец, устанавливается путь к изображению с помощью свойства "src".


Этот код позволит узнать размеры изображения и использовать их в дальнейшем для решения различных задач.