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

Question

是否有一种简单高效的方式来获取在<img>元素中显示的图像的真实尺寸（以JavaScript表示），其中可能呈现不同的渲染尺寸（例如，通过max-height或max-width） ？

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