js 图片验证大小

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

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

 

 

posted on 2015-04-02 10:13  笨贼  阅读(474)  评论(0编辑  收藏  举报