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

javascript jquery image

2022-08-29 22:34:28

是否有任何JavaScript或jQuery API或方法来获取页面上图像的尺寸？

答案 1

您可以通过编程方式获取图像并使用Javascript检查尺寸...

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

如果图像不是标记的一部分，这可能很有用。

答案 2

clientWidth 和 clientHeight 是 DOM 属性，它们显示 DOM 元素内部维度（不包括边距和边框）的当前浏览器内大小。因此，在IMG元素的情况下，这将获得可见图像的实际尺寸。

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