jquery怎样限制上传图片的大小和像素宽高，分辨率

< script  type = "text/javascript" >
function validate_img(a){
 var file = a.value;
 if(!/.(gif|jpg|jpeg|png|GIF|JPG|png)$/.test(file)){
  alert("图片类型必须是.gif,jpeg,jpg,png中的一种");
  return false;
}else{
     var image = new Image();
     image.src = file;
     var height = image.height;
     var width = image.width;
     var filesize = image.filesize;
      alert(height+"x.."+filesize);
     if(width>80 && height>80 && filesize>102400){
      alert('请上传80*80像素 或者大小小于100k的图片');
      return false;
     }
 }
 alert("图片通过");
}
</ script >
图像:< input  type = "file"  name = "uploadImg"  onchange = "Javascript:validate_img(this);"  size = "12" />

测试的时候放服务器上测试，本地不行的哈～

追问

我在本地测试高，宽都是0，为什么在服务器上才行呢？

追答

因为JS是没有权限读取修改本地文件的。只有在服务器上通过url 下载到图片才能读取到图片的宽高大小。简单来说js要或者图片宽高是一定会在图片在服务器上下载完后才能获得