input file實現多選和限制文件上傳類型

<!-- input file accept 屬性設置可上傳文件的類型 multiple屬性設置可多文件上傳-->
<!-- accept 並未真正的實現限制上傳文件類型，只是在選文件的時候有限制，
如果選文件的時候手動修改上傳文件的類型，還是可以上傳其他文件的。
因此，要實現只上傳accept屬性指定的文件類型，還必修結合js來實現-->

<!--    multiple屬性設置可多文件上傳   --> 
<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;
}