js中怎么判断图片长，js判断图片尺寸

js如何获取图片的尺寸?

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

这两个只能获得显示在元素style属性中设置的css样式。

图片的宽度和高度一般都是固定的，如果随意更改图片的宽度和高度，容易使图片变形，从而影响图片的美观度。如非必要，不建议更改图片的宽和高。js获取浏览器的宽度和高度，这里只获取可视范围内的宽度和高度。

相关问答

Q1: 如何用js控制图片的图大宽度或是最大高度

1、控制图片最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，document.getElementById(id).style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。

2、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

3、直接添加宽高属性： 在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

4、。单击JavaScript图像。2。通过单击来更改img的src属性。3。更改为属性后，将图片设置为动画形式，放大5倍。4。在设置中找到动画时间，将动画时间设置为3秒。

Q2: 关于JS获取图图片长宽的问题,在Chrome下总是为0

var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是 图片的 宽度 和高度。 你可以试一下，Chrome绝对可以。

这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码：在我的js代码中，也采取了这种写法。

你的代码：创建了一个img标签，然后给img标签设置了src，然后。。没然后了。。你要把img添加到页面中。这样才能显示出来。用 appendChild、insertBefore、replaceChild …… 什么的，加到页面里。

Q3: JS:判断上传图片的宽度和高度

1、一般情况下，可以用 complete 来判断图片是否加载完毕。

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

3、防水墙面以整个墙面持平。地面厚度按门的高度以门底边为标准。

4、这个js估计实现不了哦。你可以通过flash控件来实现。到网上搜下，应该是有这种插件的。 我记得有个叫做imagecrop的插件，就是做裁剪相关的。既然能做裁剪，肯定有做图片尺寸判断的。

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

1、一般情况下，可以用 complete 来判断图片是否加载完毕。

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

3、这两个只能获得显示在元素style属性中设置的css样式。

4、js获取浏览器的宽度和高度，这里只获取可视范围内的宽度和高度。然后将取出的值赋给图片即可。代码如下。

5、几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

关于js中怎么判断图片长和js判断图片尺寸的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。