js 图片验证大小
浏览数：27 /
时间：2015年06月09日
只验证文件大小，不验证像素
<script>
function check(){
var size=上传文件控件.PostedFile.ContentLength; //获得上传文件的大小
if(size>120){
alert("图片大于120kb了");
return false;
}
}
</script>
验证像素大小
<input name="txtImg" type="file" id="txtImg" />
<input name="btnUploadImg" type="button" id="btnUploadImg" value="上传" />
<span class="redcolor">(最佳图片尺寸:宽度不超过600像素,高度不超过600像素)</span>
<input name="btnUploadImg" type="button" id="btnUploadImg" value="上传" />
<span class="redcolor">(最佳图片尺寸:宽度不超过600像素,高度不超过600像素)</span>
<script language="javascript">
var AllowImgFileSize=512; //允许上传图片文件的大小 0为无限制 单位：KB
var AllowImgWidth=600; //允许上传的图片的宽度 0为无限制 单位：px(像素)
var AllowImgHeight=600; //允许上传的图片的高度 0为无限制 单位：px(像素)
function checkImg(){
var txtImg=document.getElementById("txtImg");
if (txtImg.value==""){
alert("请点击浏览按钮，选择您要上传的JPG或GIF文件!");
txtImg.focus();
return false;
}
var txtImg_url=txtImg.value.toLowerCase();
var txtImg_ext=txtImg_url.substring(txtImg_url.length-3,txtImg_url.length);
if (txtImg_ext!="jpg" && txtImg_ext!="gif" ){
alert("请选择JPG或GIF格式的文件!");
txtImg.select()
document.execCommand("Delete");
txtImg.focus();
return false;
}
var ErrMsgErrMsg = "";//错误信息
var img=new Image();
img.src=txtImg.value;
if(img.width > AllowImgWidth){
ErrMsgErrMsg="\n\n图片宽度超过限制 请上传宽度小于"+AllowImgWidth+"px的文件，当前图片宽度为"+img.width+"px";
alert(ErrMsgErrMsg);
return false;
}
var txtImg=document.getElementById("txtImg");
if (txtImg.value==""){
alert("请点击浏览按钮，选择您要上传的JPG或GIF文件!");
txtImg.focus();
return false;
}
var txtImg_url=txtImg.value.toLowerCase();
var txtImg_ext=txtImg_url.substring(txtImg_url.length-3,txtImg_url.length);
if (txtImg_ext!="jpg" && txtImg_ext!="gif" ){
alert("请选择JPG或GIF格式的文件!");
txtImg.select()
document.execCommand("Delete");
txtImg.focus();
return false;
}
var ErrMsgErrMsg = "";//错误信息
var img=new Image();
img.src=txtImg.value;
if(img.width > AllowImgWidth){
ErrMsgErrMsg="\n\n图片宽度超过限制 请上传宽度小于"+AllowImgWidth+"px的文件，当前图片宽度为"+img.width+"px";
alert(ErrMsgErrMsg);
return false;
}
if(img.height > AllowImgWidth){
ErrMsgErrMsg="\n\n图片高度超过限制 请上传高度小于"+AllowImgHeight+"px的文件，当前图片高度为"+img.height+"px";
alert(ErrMsgErrMsg);
return false;
}
var size = formatNum(img.fileSize / 1024,2);
if(size > AllowImgFileSize) {
ErrMsgErrMsg = "\n\n图片文件大小超过限制 请上传小于"+AllowImgFileSize+"KB的文件，当前文件大小为"+size+"KB";
alert(ErrMsgErrMsg);
return false;
}
ErrMsgErrMsg="\n\n图片高度超过限制 请上传高度小于"+AllowImgHeight+"px的文件，当前图片高度为"+img.height+"px";
alert(ErrMsgErrMsg);
return false;
}
var size = formatNum(img.fileSize / 1024,2);
if(size > AllowImgFileSize) {
ErrMsgErrMsg = "\n\n图片文件大小超过限制 请上传小于"+AllowImgFileSize+"KB的文件，当前文件大小为"+size+"KB";
alert(ErrMsgErrMsg);
return false;
}
alert(‘ok!‘);
return true;
}
return true;
}
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
