首页 > web前端 > js教程 > 如何使用 JavaScript 或 jQuery 获取图像的宽度和高度?

如何使用 JavaScript 或 jQuery 获取图像的宽度和高度?

DDD
发布: 2024-12-27 00:03:14
原创
758 人浏览过

How Can I Get an Image's Width and Height Using JavaScript or jQuery?

使用 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板