当前位置:编程学习 > JS >>

js判断上传文件类型的函数代码大全

function fileCheck(){ 
  var postfix = form1.fileUpload.value.match(/^(.*)(\.)(.{1,8})$/)[3].toLowerCase(); //获得选择的上传文件的后缀名的正则表达式 
  if(!(postfix == "rar"||postfix == "zip"))  
   {  
     alert('文件类型不正确,请选择.rar或者.zip文件 !');  
     var nf = form1.fileUpload.cloneNode(true);  
       nf.value='';  
       form1.fileUpload.parentNode.replaceChild(nf, form1.fileUpload);  
     return false;  
   }  

上述代码参考了以下内容:
http://www.zhaoxi.org 用js来控制文件上传类型的时候,按照如下代码进行控制的时候,我第一次选择一个文件,会触发onchange事件,但是我把内容清空,在选择同样的文件,就不触发onchange事件了;

function isValidateFile(obj){  
    var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);  
    if(extend==""){  
    }else{  
if(!(extend=="xls"||extend=="doc")){  
   alert("请上传后缀名为xls或doc的文件!");  
   obj.select();  
            document.execCommand('delete');  
   return false;  
}  
    }  
     return true;  
}  

可能是上述方法只是清空了页面上的显示值,而没有删除第一次选择文件的实际值,所以,再第二次上传同样文件的时候,前后两次的值是相同的,所以不粗放onchange事件;

修改为如下代码后,就满足需求:

function isValidateFile(obj){  
    var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);  
    if(extend==""){  
    }else{  
if(!(extend=="xls"||extend=="doc")){  
   alert("请上传后缀名为xls或doc的文件!");  
   var nf = obj.cloneNode(true);  
            nf.value='';  
            obj.parentNode.replaceChild(nf, obj);  
   return false;  
}  
    }  
     return true;  
}  


js判断FileUpload文件类型
asp.net中html标签代码:

<asp:FileUpload ID="fuMain" runat="server" />
<asp:Button ID="btnUpload" runat="server" OnClientClick="return CheckWorkFile()" Text="上传" />

普通的html标签:

<input type="file" ID="fuMain" />
<input type="button" ID="btnUpload" onclick="return CheckWorkFile()" Text="上传" />

对于ASP.NET或普通的HTML标签,下面JS代码都适用:

     function CheckWorkFile()
     {
       var obj=document.getElementByIdx_x('fuMain');
       if(obj.value=='')
         {
            alert('请选择要上传的作业书文件');
            return false;
         }
        var stuff=obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:)
        if(stuff!='doc')
        {
           alert('文件类型不正确,请选择.doc文件');
           return false;
        }
        return true;
     }

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,