如何使用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());     });});