首页 >web前端 >js教程 >如何使用 JavaScript 获取图像尺寸?

如何使用 JavaScript 获取图像尺寸?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-14 15:25:10701浏览

How Can I Get Image Dimensions Using JavaScript?

使用 JavaScript 确定图像尺寸

您是否需要以编程方式访问网页上显示的图像的尺寸? JavaScript 提供了一个简单的解决方案。

解决方案:

JavaScript 提供了一种简单的方法来检索图像尺寸:

  1. 创建一个新的图像对象:

    const img = new Image();
  2. 设置onload 事件侦听器,用于在图像可用时捕获图像尺寸:

    img.onload = function() {
      alert(this.width + 'x' + this.height);
    }
  3. 加载图像:

    img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

图像加载时, onload 事件触发并在警告框中显示图像的宽度和高度。通过使用这种技术,您可以轻松访问网页上任何图像的大小。

以上是如何使用 JavaScript 获取图像尺寸?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn