【转】js限制用户上传文件类型

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("")) + "
请重新选择再上传.");
        }
    }
</script>

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格式的文档，数组里的全是允许上传的文档（可以根据自己需要进行添加，中间用逗号隔开），相反其它的就不允许上传了

原博文地址