Javascript获取维度图像对象

Question

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

当我console.log图片对象（$ 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

谢谢大家！