如何用js显示一个图片大小，如何用js显示一个图片大小

js和jquery如何获取图片真实的宽度和高度_javascript技巧

1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

2、：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

3、当指定图片BOX的时候，一般都还需要在图片自适应之后显示在BOX容器的中间，也就是水平和垂直都需要居中。首先需要指定BOX容器的宽度和高度，然后可以使用CSS来控制显示效果，也可以使用Javascript控制显示效果。

相关问答

Q1: js上传图片压缩-如何利用JS或者CSS样式来自动调整图片大小

首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。然后在根据下方图片中的代码进行编辑，在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。

这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。

注：利用js是不能修改图片的实际大小的，修改的只是图片在标签中对应的width，height属性。

在IE6中有效。◎ overflow：hidden； 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。有时候图片太大，会破环网页整齐的布局。

输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。

Q2: css+JavaScript如何控制图片大小的示例代码分享

1、这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。

2、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。

3、在index.html中的标签中，输入css代码：body {text-align： center；background： url(smallpng)； background-size： 60%；} 浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

Q3: js如何获取图片显示时的大小尺寸

1、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

2、通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。

3、给img添加加载事件，图像加载完成才能获取图片的尺寸。

关于如何用js显示一个图片大小和如何用js显示一个图片大小的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。