Ошибка получения размера изображения из JavaScript

Question

Я пытаюсь получить размер изображения с помощью javascript, и я получаю неопределенный.

var s = '/images/clouds.png';
console.log(s.naturalWidth);

Продолжайте получать неопределенные.

Answer 1

Вам необходимо создать фактический Image, затем дождаться его успешной загрузки:

var s = new Image();
s.onload = function() {
  console.log("after image has loaded:", this.naturalWidth);
}
var width = Math.floor(Math.random() * 300) + 200;
s.src = `http://via.placeholder.com/${width}x300`;
console.log("not loaded yet:", s.naturalWidth);

Answer 2

Сначала вам нужно создать объект изображения, например, в HTML:

<img id="randomImg" src="/images/clouds.png" />

, затем вы можете получить объект в javascript:

var s = document.getElementById("randomImg");

И затем вы можете запроситьразмер