DSP

多个上传文件用js验证文件的格式和大小(转载)

2019-07-13 16:48发布

转载自龙哥博客原文链接:(http://blog.sina.com.cn/369768231qq)   多个上传文件用js验证文件的格式和大小 html部分:   
    
    
    提交申请      
  需要注意:上传文件要有一个id,然后onchage事件里加一个id的名称;   js部分: //将验证的设置和错误信息抽离出来,有利于最后submit时候做判断 var flag=true;
 var errorinfo=""; //验证文件的格式
 function checkfile(filenames){
   filename=document.getElementByIdx_x_x(filenames).value;    var re=/(.[.]bmp)$|(.[.]gif)$|(.[.]jpg)$|(.[.]png)$|(.[.]jpeg)$/i;
    if (!re.test(filename)) {
    errorinfo = "只支持bmp,gif,jpg,png,jpeg格式文件,请重新上传";
    alert(errorinfo);
    flag = false;
    return false;
     } //验证文件的大小
     if(document.getElementByIdx_x_x(filenames).size>8000){
      errorinfo = "文件必须小于800KB,图片太大 size:"+document.getElementByIdx_x_x_x_x_x(filenames).size;
      alert(errorinfo);
      return false;
     }
 }  jQuery('.btn_font14_red').click(function(){
  if(flag==true){
   $("#submitReturngoods").click();
  }else{
   alert(errorinfo);
   return false;
  }    }); 注意:这么做的好处是:第一:上传文件的时候,如果有错误,第一时间通知用户,用户去修改; 第二:如果用户最后填完了,虽然之前有提示语句,但是用户忘了是什么,点击提交的时候,仍然可以提示用户问题的原因。同时将错误信息和设置值放在最外面,而不用再次验证,可以节省页面效率。  (document.getElementByIdx_x_x(filenames)  不知道为啥发表的时候,总是多个_x,去又去不掉,大家在copy的时候记得去掉哈)