获取已调整大小的html图像元素的原始尺寸

Question

是否有一种简单有效的方法来获取在<img>元素中显示的图像的真实尺寸（在JavaScript中），该元素具有可能不同的渲染大小（例如，通过max-height或{{ 1}}）？

Answer 1

目前有naturalWidth和naturalHeight DOM属性。

例如：

var image = new Image();
image.src = "test.jpg";
image.onload = function() {
    alert('width - ' + image.naturalWidth);
    alert('height - ' + image.naturalHeight);
}

或者在jsFiddle上查看example。

MDN

的更多信息