如何获取IMG标签图片的实际尺寸

 时间:2024-11-02 12:32:41

有时候我们在开发网站的时候需要用到图片的尺寸,但是每缬方焱蜱一次更换图片,图片的尺寸大小都有可能会不同,这个时候我们就需要获取这个动态的尺寸了,这里以jquery作为示范。

如何获取IMG标签图片的实际尺寸

工具/原料

windows7

sublimetext3

chrome浏览器

jquery-3.4.1

方法/步骤

1、新建一个HTML文档,并且引入jquery文件。

如何获取IMG标签图片的实际尺寸

2、新建一个JS文档,并且用script标签和HTML绑定。

如何获取IMG标签图片的实际尺寸

3、现在我们用img标签来把引入图片。

如何获取IMG标签图片的实际尺寸

4、首先要创建一个变量来获取这个图片标签。

如何获取IMG标签图片的实际尺寸

5、然后用new构造函数创建一个变量。

如何获取IMG标签图片的实际尺寸

6、现在创建变量来获取图片的长和宽,并且输出到控制台。

如何获取IMG标签图片的实际尺寸

如何获取IMG标签图片的实际尺寸

7、查看一下图片的属性来确定数值没有错误。

如何获取IMG标签图片的实际尺寸

jquery怎么取得多个name属性相同的元素 解决ConcurrentModificationException异常问题 js如何获得对象中某个属性对应的值 jquery中怎样获得select选中的值? springboot集成swagger2访问路径404
热门搜索
数字图片 章鱼图片 很黄的漫画 少女阴道图片 古惑仔漫画