java文件上传像素限制,JS上传图片前的限制包括(jpg jpg gif及大小高宽)等

功能:

1.限制扩展名:只能jpg || jpg和gif

2.限制图片大小:K为单位

3.限制图片宽高:px为单位(要么都有,要么都无)

4.限制已经损坏的图片(没有预览的图片)

5.限制更改过扩展名的图片(比如强制把一个动态的GIF扩展名改为JPG了)

使用限制:

要在InputFile里增加onchange事件,使其选择文件后能在一个img标签里加载出来,否则使用会出错

imglimit.js

function limitImg(){

var img=document.getElementById(arguments[0]);//显示图片的对象

var maxSize=arguments[1];//

var allowGIF=arguments[2]||false;

var maxWidth=arguments[3]||0;

var maxHeight=arguments[4]||0;

var postfix=getPostfix(img.src);

var str=".jpg";

if(allowGIF){str+=".gif"}

if(str.indexOf(postfix.toLowerCase())==-1){

if(allowGIF){return "图片格式不对,只能上传jpg或gif图像";}else{return "图片格式不对,只能上传jpg图像";}

}else if(img.fileSize>maxSize*1024){

return "图片大小超过限制,请限制在"+maxSize+"K以内";

}else{

if(img.fileSize==-1){

return "图片格式错误,可能是已经损坏或者更改扩展名导致,请重新选择一张图片";

}else{

if(maxWidth>0){

if(img.width>maxWidth){

return "图片宽度超过限制,请保持在"+maxWidth+"像素内";

}else{

if(img.height>maxHeight){

return "图片高度超过限制,请保持在"+maxHeight+"像素内";

}else{

return "";

}

}

}else{

return "";

}

}

}

}

//根据路径获取文件扩展名

function getPostfix(path){

return path.substring(path.lastIndexOf("."),path.length);

}

页面调用:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以通过设置img标签的width和height属性来限制图片的大小,例如: ``` <img src="image.jpg" width="500" height="300"> ``` 这将把图片的宽度限制为500像素,高度限制为300像素。你也可以只设置其中一个属性,另一个属性会自动按比例缩放。另外,你也可以使用CSS样式来控制图片大小,例如: ``` <img src="image.jpg" style="width:500px;height:300px;"> ``` 这将以CSS样式的方式设置图片的宽度和高度。 ### 回答2: img标签是网页开发中常用的标签,用于插入图片。虽然img标签本身并不直接限制图片的大小,但可以通过一些属性和样式来对图片进行限制。 首先,可以使用width和height属性来设置图片的像素大小。例如,可以使用width="300"、height="200"来设置图片的宽度为300像素,高度为200像素。这样可以强制限制图片显示的大小。 其次,通过CSS样式可以对图片进行进一步的限制。可以使用max-width和max-height属性来限制图片的最大宽度和最大高度,如max-width: 100%; max-height: 100%; 表示图片的宽度和高度最大为父元素的宽度和高度。 此外,还可以使用CSS的background-size属性对背景图片的大小进行调整,如background-size: cover; 可以使背景图片始终保持宽高比例不变,并覆盖满容器;background-size: contain; 则是使背景图片在完全填充容器的同时保持图片完整,不会被裁剪。 总之,虽然img标签本身不直接限制图片大小,但可以通过width、height、max-width、max-height属性和CSS样式来对图片的大小进行限制,以达到网页开发的需求。 ### 回答3: <img> 标签可以限制图片的大小,通过设置它的 width(宽度)和 height(高度)属性来实现。这两个属性可以设定为固定的像素值,也可以使用百分比来相对于父元素来设置图片的大小。 例如,若要限制图片的宽度为500像素并保持原始的高宽比例,可以将 width 属性设置为 500,而将 height 属性设置为 auto,即:<img src="image.jpg" width="500" height="auto"/>。 如果需要将图片宽度和高度都限制在一定的范围内,并且保持原始的宽高比,可以设置一个最大宽度和最大高度,并将 width 和 height 属性都设置为 auto,然后在 CSS 样式表中指定 max-width 和 max-height 属性。例如: <style> img { max-width: 500px; max-height: 300px; } </style> <img src="image.jpg" width="auto" height="auto"/> 这样,当图片的宽度超过 500px 或高度超过 300px 时,图片会按照原始的宽高比例缩放到相应的大小。 需要注意的是,当仅设置图片的 width 或 height 属性时,另一个属性会自动根据图片的原始宽高比例进行计算。而当同时设置了 width 和 height 属性时,图片可能会被拉伸或压缩以适应指定的宽高。所以在设置图片大小时,需要谨慎处理,以保持图片的比例和质量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值