input file实现多选和限制文件上传类型
Posted daran
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input file实现多选和限制文件上传类型相关的知识,希望对你有一定的参考价值。
<!-- input file accept 属性设置可上传文件的类型 multiple属性设置可多文件上传-->
<!-- accept 并未真正的实现限制上传文件类型,只是在选文件的时候有限制,
如果选文件的时候手动修改上传文件的类型,还是可以上传其他文件的。
因此,要实现只上传accept属性指定的文件类型,还必修结合js来实现-->
<input type="file" accept=".doc,.docx" multiple>
//取出上传文件格式的后缀名
var fileAccept = $("#id").val().split(".")[1];
//获取上传文件的后缀
if( fileAccept!="doc" && fileAccept!="docx" ){
alert("只能上传.doc和.docx的文件!");
}
//获取多文件上传的所有文件名
var filePaths = $("#id")[0].files;
//或者这样写 document.getElementById("id").files;
for( var i=0;i<filePaths.length; i++ ){
filePaths[i].name;
}
以上是关于input file实现多选和限制文件上传类型的主要内容,如果未能解决你的问题,请参考以下文章