-4

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

4

4 回答 4

10

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

反正...

据我所知，您几乎可以在所有浏览器中使用该.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
于 2009-01-13T15:43:00.587 回答
8 
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
于 2011-01-31T05:38:32.610 回答
4

耶，谷歌！

有几种方法可以做到这一点，具体取决于您所需要的（您无济于事地省略了包括在内）。在一般意义上，最简单的可能是获取对 Image 对象的引用并检查widthandheight属性。

于 2009-01-13T15:30:25.497 回答
0

jQuery + <img src="" ... id="hello" />+$("#hello").width()

于 2009-01-13T15:30:51.050 回答