JavaScript - 获取真实图像宽度和宽度的函数 高度（跨浏览器）

Question

如何获取真实图像宽度& 高度（跨浏览器）通过 JavaScript 函数？

Answer 1

首先，如果您以更礼貌的方式提出问题并提供尽可能多的相关信息，那么您的问题得到解答的机会就更大。

无论如何...

据我所知，您可以在几乎所有浏览器中使用 .width 属性：

function getDimensions(id) {
    var element = document.getElementById(id);
    if (element && element.tagName.toLowerCase() == 'img') {
        return {
            width: element.width,
            height: element.height
        };
    }
}

<img id="myimage" src="foo.jpg" alt="" />

// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height

Answer 2

var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");

Answer 3

耶，Google！

有几种方法可以做到这一点，具体取决于您所需要的内容（您无助地忽略了这些内容）。 一般意义上最简单的方法可能是获取对 Image 对象的引用并检查 width 和 height 属性。

Answer 4

jquery + + $("#hello").width()