js限制上传图片的宽高，js上传图片限制图片大小

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。

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

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

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

相关问答

Q1: JS控制图片放大和缩小怎么改

当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。

JS中canvas画布绘制中如何实现缩放，位移，旋转 (2，2)；缩放的是整个画布，缩放后，继续绘制的图形会被放大或缩小。

准备好需要用到的图标。新建html文档。书写hmtl代码。。书写并添加js代码。/script。代码整体结构。查看效果。

或者：当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight：100%；} 这样图片会自动缩放到和其父容器等宽。

那么就在js中控制img标签的宽高；如果图片是以背景插入的，那你应该用一个class来控制容器的样式。当然如果你容器是固定宽高的话，最好的办法就是制作等大小的图片。同时css中有个backgroud-size可以很好来缩放背景图片。

Q2: JS控制图片宽度,当高度太高,宽度居然自己变?

1、win7的系统：右键单击计算机---属性---点击左边“高级系统设置”---寻高级”中的“性能”里的“设置”---找到“在窗口和按钮上使用视觉样式”，将前面的勾选去掉---应用确定即可。

2、js代码：var oImg = document.getElementById(img)；oImg.width = 50px； //当给img标签的宽度设置为50px后，高度会自动按比例缩小。

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

4、因为约束了比例，所以调整图片宽度时，高度会跟着变。

Q3: js控制图片高度、宽度

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

2、这将创建一个宽度为 200 像素、高度为 200 像素的图片。如果你想要限制用户上传的图片大小，你可以在后端进行验证和限制。

3、使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

4、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。

5、这是img标签的特性决定的，如果width和height属性只设置其中一个，另一个会自动等比例缩放，也就是说图片会自动保持其原始的宽高比，只有width和height同时设置，图片才会产生压扁或拉高的变形效果。

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

Q4: 如何用JS固定图片大小

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

假如一张大图可能包含着很多文字等关键信息，必须上传之后使用方能清晰辨认。所以要压缩之后质量尽可能接近500k的。500k像素以内，就是若一张图宽度为1024，则高度不能超过500。因为图片有其他的信息，也是要占大小的。

如果你的图片是用img插入的，那么就在js中控制img标签的宽高；如果图片是以背景插入的，那你应该用一个class来控制容器的样式。当然如果你容器是固定宽高的话，最好的办法就是制作等大小的图片。