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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<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要或者图片宽高是一定会在图片在服务器上下载完后才能获得