javascript - 从 javascript 获取图像大小时出错

Question

我正在尝试通过 javascript 获取图像的大小，但我一直不确定。

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

继续不确定。

标签： javascriptimage-size

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);