js判断用户上传文件类型

发布时间:2019-09-16编辑:脚本学堂
如何用js代码判断用户上传文件类型呢?这里分享一例js判断上传文件类型的代码,用于在上传文件时在客户端做文件类型的检测,有需要的朋友参考下。

1,javascript代码:
 

复制代码 代码示例:
<script type="text/javascript">
    //指定允许的上传文件类型
    var extArray = new Array(".doc",".docx",".wps",".dot");
    function LimitAttach(form, file){
        var allowSubmit = false;
        if (!file){
            return;
        }
        while (file.indexOf("") != -1){
            file = file.slice(file.indexOf("") + 1);
        }
        var ext = file.slice(file.indexOf(".")).toLowerCase();
        for (var i = 0; i < extArray.length; i++) {
            if (extArray[i] == ext){
                allowSubmit = true;
                break;
            }
        }
        if (allowSubmit){
            form.submit();
        }else{ //检测上传文件类型
            alert("只能上传以下格式的文件:"+ (extArray.join("")) + "n请重新选择再上传.");
        }
    }
</script>

2,html代码:
 

复制代码 代码示例:
<form method="post" name="upform" action="">
    <input type="file" name="uploadfile" >
    <input type="button" name="Submit" onclick="LimitAttach(this.form,this.form.uploadfile.value)" value="Submit">
</form>

代码说明:
var extArray = new Array(“.doc”,”.docx”,”.wps”,”.dot”); 
只能上传.doc/.docx/.wps/.dot格式的文档,数组中为允许上传的文档(中间用逗号隔开),其它文件类型不允许上传。