如何使用JavaScript获取图像大小(高度和宽度)？

Question

如何使用JavaScript获取图像大小(高度和宽度)？是否有任何jQuery或纯JSAPI或方法来获取页面上图像的维度？

Answer 1

客户宽度和客户高度DOM属性，它显示DOM元素内部维度的当前浏览器中的大小(不包括边距和边框)。因此，在IMG元素的情况下，这将得到可见图像的实际尺寸。

var img = document.getElementById('imageid'); //or however you get a handle to the IMGvar width = img.clientWidth;var height = img.clientHeight;

Answer 2

此外(除了雷克斯和伊恩的回答)还有：

imageElement.naturalHeight

和

imageElement.naturalWidth

它们提供图像文件本身的高度和宽度(而不仅仅是图像元素)。

Answer 3

如果您正在使用jQuery，并且正在请求图像大小，则必须等待它们加载，否则只能获得零。

$(document).ready(function() {
    $("img").load(function() {
        alert($(this).height());
        alert($(this).width());
    });});