Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js判断上传文件的类型的实例代码

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

发布时间:2014-09-10   编辑:www.jquerycn.cn
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、手机号码、身份证号码、文件类型等)

您可能感兴趣的文章:
JS如何判断上传文件类型
js限制文件上传类型(示例)
JS判断FileUpload的上传文件类型
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js判断上传文件类型 js判断FileUpload文件类型
JavaScript检测上传文件类型(示例)
js判断上传文件类型(修正)
检测上传文件类型与大小的js代码
js判断上传文件类型的一段代码
js判断上传文件的类型的实例代码

关键词: JS判断上传文件类型   
[关闭]