在 javascript/jquery 中获取图像的完整尺寸

我在页面上有一个图像，该图像已调整大小以适合 div，例如 400x300。如何在 jQuery 中获取图像的完整尺寸（~4000x3000）？ .width() 和 .height() 似乎只返回图像的当前大小。

图像有naturalWidth and naturalHeight包含图像实际的、未修改的宽度和高度的属性，即图像的实际尺寸，而不是 CSS 设置的值。

不过，人们仍然需要等待图像加载

$('#idOfMyimg').on('load', function() {
    var height = this.naturalHeight,
        width  = this.naturalWidth;
});

另一种选择是使用与源相同的文件创建一个新图像，并从中获取尺寸，只要它从未添加到 DOM，外部样式就不会影响它

var img = new Image();

img.onload = function() {
   var height = this.height,
       width  = this.width;
}
img.src = $('#idOfMyimg').attr('src');

FIDDLE http://jsfiddle.net/tzj9D/82/