码迷,mamicode.com
首页 > Web开发 > 详细

input file实现多选和限制文件上传类型

时间:2019-03-13 09:18:09      阅读:372      评论:0      收藏:0      [点我收藏+]

标签:多文件上传   上传   for   上传文件   split   限制   multi   其他   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实现多选和限制文件上传类型

标签:多文件上传   上传   for   上传文件   split   限制   multi   其他   file   

原文地址:https://www.cnblogs.com/daran/p/10520858.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!