• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
༺҉戰҉༻
博客园    首页    新随笔    联系   管理    订阅  订阅

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

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

HTML

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

JS

//限制上传文件的类型和大小
function validate_img(ele){
    // 返回 KB,保留小数点后两位
    //alert((ele.files[0].size/(1024*1024)).toFixed(2));
    var file = ele.value;
          
    if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
              
      alert("图片类型必须是.gif,jpeg,jpg,png,bmp中的一种");
           return false;
           
     }else{
              
         //alert((ele.files[0].size).toFixed(2));
         //返回Byte(B),保留小数点后两位
        if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){
                 
          alert("请上传小于2M的图片");
                 return false;
         }
     }
          alert("图片通过");
}

 

posted @ 2017-06-01 11:15  孤丷狼  阅读(3530)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3