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;

}