Question

jquery 怎么限制上传图片大小

Answer 1

这个Jquery自身是做不了的，因为现在浏览器都限制JS读取本地文件属性，所以就没有办法去做了。常见的做法有2种：

1. 将文件上传到服务器后，通过服务器端程序读取上传的文件大小再做处理；

2. 客户端使用Flash来作为上传的介质(克通过Jquery操作)，通过Flash特有的权限读取本地文件属性来做判断和限制，比如SWFUpload,Jquery Uploadify之类的都是这种方法。

Answer 2

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