使用 JavaScript 获取图像尺寸
问题:
是否可以以编程方式检索使用 JavaScript 或在网页上显示图像的尺寸(宽度和高度) jQuery?
答案:
是的,您可以使用 JavaScript 或 jQuery 获取网页上图像的尺寸。操作方法如下:
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';
此代码创建一个新的图像对象并为其分配一个加载事件侦听器。当图像加载完成时,事件侦听器被触发,它计算并警告图像的宽度和高度。将提供的图像 URL 替换为您要检查的实际图像。
jQuery:
jQuery 提供了用于检索图像尺寸的内置函数:
const imgHeight = $('img').height(); const imgWidth = $('img').width();
只需将 '$('img')' 选择器替换为适合您的图像元素的选择器即可。
以上是如何使用 JavaScript 或 jQuery 获取图像的宽度和高度?的详细内容。更多信息请关注PHP中文网其他相关文章!