js判断上传文件的类型的实例代码

发布时间:2020-04-28编辑:脚本学堂
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;  
       }  
    } 

说明:用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;  
    }  

编辑推荐:php检测文件头信息 判断文件类型

附,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="上传" />

以上代码可以检测上述标签中的上传文件类型:
 

复制代码 代码示例:
     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;
     }

#--->>常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)