从 javascript 获取图像大小时出错

Question

我试图通过 javascript 获取图像的大小，但我一直未定义。

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

继续不确定。

Answer 1

首先你需要创建一个图像对象，例如 HTML:

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

之后您可以在 javascript 中检索对象：

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

然后你可以问尺码

Answer 2

您需要创建一个实际的 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);

从 javascript 获取图像大小时出错

Erroring getting image size from javascript

javascript

image-size