jquery 限制上传文件的类型和大小

 jquery 限制上传文件的类型和大小

 

HTML

1 <input type="file" name="file" class="upload"  onchange="Javascript:validate_img(this);">

JS

 1 //限制上传文件的类型和大小
 2 function validate_img(ele){
 3     // 返回 KB，保留小数点后两位
 4     //alert((ele.files[0].size/(1024*1024)).toFixed(2));
 5     var file = ele.value;
 6           
 7     if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
 8               
 9       alert("图片类型必须是.gif,jpeg,jpg,png,bmp中的一种");
10            return false;
11            
12      }else{
13               
14          //alert((ele.files[0].size).toFixed(2));
15          //返回Byte(B),保留小数点后两位
16         if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){
17                  
18           alert("请上传小于2M的图片");
19                  return false;
20          }
21      }
22           alert("图片通过");
23 }

 

相关内容

1.jquery怎么限制上传图片大小：

http://zhidao.baidu.com/link?url=O-9qaq41bLFOt7Kt2jKUdny1KDcePriPm17QjFJ5bZGmVyGUwtsFTiGIkxz8zLf_3OGHnO3Km2LtLLn2-GJvSvrZr4ppgKgznGvclyYKPuO

2.使用jquery判断上传文件的大小：

http://www.360doc.com/content/14/0508/22/8504707_375929905.shtml

 

posted @ 2016-08-16 11:13  年华本纪  阅读(15263)  评论(0)  编辑  收藏  举报