javascript - 如何获取图像的实际宽度和高度

Question

可能重复：
在 Safari/Chrome 中使用 JavaScript 获取真实的图像宽度和高度？

当图像在css中按比例缩小时，有没有办法使用jQuery知道图像的真实宽度和高度 - 没有任何额外的尺寸数据 - 任何链接或代码示例都会有所帮助，谢谢

Answer 1

尝试使用naturalWidth和naturalHeight。

var domElement = $('yourImage')[0]; // or document.getElementById('yourImageId');
domElement.naturalWidth
domElement.naturalHeight

Answer 2

尝试这样的事情：

$("<img/>").attr("src", imgSrc).load(function() {
        pic_real_width = this.width;   
        pic_real_height = this.height;          
    });

问题是，您只能在加载图像时访问图像的真实宽度和高度，您也可以在没有任何容器的情况下将图像加载到您看不到的地方并要求 ("img").css('width ')，但我认为这是一种更优雅的方式。希望这会有所帮助。