养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何获取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标签图片的实际尺寸

© 一点知识