Javascript获取尺寸图像对象

Question

要获取图像对象的尺寸，我需要在我的页面上使用 javascript。

当我 console.log 图像 object ($img) 时，我得到如下内容：

[<img src="/path/to/image/">]

我想得到原始图像的原始高度和宽度。我尝试使用.naturalWidth、.width，但结果很奇怪。

谁能帮帮我？

Answer 1

据说webkit可能需要先加载图片。为此，请先应用onload。

$img[0].onload = function() {
    console.log(this.naturalWidth);
}

Answer 2

在您的帮助下，我走上了正轨并解决了我的问题。

而不是使用：

$img.naturalHeight

我应该一直在使用：

$img[0].naturalHeight

谢谢大家！