码迷,mamicode.com
首页 > Web开发 > 详细

js 图片验证大小

时间:2015-04-02 10:18:04      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

只验证文件大小,不验证像素

<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>

 


<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;
  }

 

  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;
 }

 

alert(‘ok!‘);
 return true;
}

 

</script>

 

 

js 图片验证大小

标签:

原文地址:http://www.cnblogs.com/suasmasm/p/4386092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!