如何获得图像的实际宽度和高度

Question

  

可能重复：
  Get real image width and height with JavaScript in Safari/Chrome?

当在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 （'宽度'），但我认为这是一种更优雅的方式。希望这有用。