上传文件夹的思路其实就是将文件夹中所有的文件上传到服务器,上传的时候文件名称要从文件夹目录开始截取,以下图中的目录为例,index.html文件应该以news_1/index.html的路径传到服务器,所有文件上传之后,上传到服务器的文件夹路径是从上传的上传的文件路径截取到文件夹结束。下面详细介绍:
Chrome的实现可以通过input标签的webkitdirectory就可以很容易的实现,但是由于ie浏览器不支持input标签的webkitdirectory属性,所以IE浏览器下可以直接通过ActiveX来直接访问和操作本地文件。实现可查看java web 上传文件夹的实现(支持IE)文章,下面介绍Chrome的实现方法:
假设我需要上传的文件夹目录如下,下面的例子会已这个文件夹路径为参考:
1.Chrome实现上传文件夹:
(1)type=‘file’的input标签是传统上传文件的实现方式,在这里只需要加上webkitdirectory属性,就可以选择文件夹了:
<form method="POST" enctype=multipart/form-dat