您的位置:首页 > Web前端 > JavaScript

js限制用户上传文件类型

2018-03-15 00:00 399 查看
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>

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格式的文档,数组里的全是允许上传的文档(可以根据自己需要进行添加,中间用逗号隔开),相反其它的就不允许上传了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js上传限制