html中input上传多个文件

本文介绍如何使用HTML实现多文件上传功能,并提供了一种简单的实现方式。通过设置<input type="file">标签的multiple属性,用户可以在打开文件选择窗口时一次性选择多个文件。此外,还介绍了如何利用原生JavaScript获取所选文件的名称和其他属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何使用html上传多个文件呢?我搜索中文怎么也找不到合适的,都是用js动态添加input,然后提交,不能满足我想要的——打开选择文件的窗口后可以一次性选择多个文件。

然后我尝试搜索英文"html input file multiple",终于在stackoverflow找到一个文章:http://stackoverflow.com/questions/1175347/how-can-i-select-and-upload-multiple-files-with-html-and-php-using-http-post/8808915#8808915 ,这样就可以了。

不过有一个问题,只支持IE10+,连IE9都不支持,o(︶︿︶)o 


其实方法很简单<input type="file" name="upload">这样只能选择一个文件,<input type="file" multiple name="upload">这样就可以选择多个文件了,怎么样,很方便吧。如果不考虑IE的话,可以使用这个方法。关于js自行生成多个input的就算了吧,懒得看,懒的写,能简单就简单吧。


对了,还有一个重要的问题,<input type="file" multiple>选择多个文件以后,如何用jquery获取选中的文件的标题等属性呢?jquery好像并没有这样一个方法,但是原生js有,可以这样写:

document.getElementById("file").files[1].name  

其中document.getElementById("file").files 会获取一个数组,数组中的元素拥有的属性有lastModifiedDate,name,size,type,webkitRelativePath。

  1. 这样就ok了。
  2. 当然上文也可以使用jquery,修改成
$("#file")[0].files[1].name

ok,这样就可以上传多个文件了,上传以后如何用java获取,这个还没研究,以后会再说。


评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值