Google Chrome 11现在支持上传文件夹。目前,此功能仅在Google文档中实现,我无法找到任何有关如何在我的代码中使用此API的API文档。
从我可以看到的,您点击Google文档中的上传文件夹链接,显示“浏览文件夹”对话框(通过外观调用SHBrowseForFolder),您选择一个文件夹,然后该文件夹的内容是上传到Google文档。
由于此功能需要将Google Chrome升级到最新版本,或者对于运行Java Applet的其他浏览器,我假设我可以在自己的网站中使用此功能吗?
解决方法
你应该可以在这里看到一个演示:
http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html
基本上,它通过在文件输入元素上设置属性“webkitdirectory”来实现。
<input type="file" id="file_input" webkitdirectory="" directory="">
然后,当用户选择了一个文件夹时,它将在“e.target.files”对象中进行转换,以获取选择中包含的文件的列表(这使您能够从客户端访问这些文件)。
拖放是类似的,当你在“draggable”元素上监听“ondrop”事件时,如果aa目录或文件选择被放在元素上,事件的“files”属性将是一个文件列表包含在操作中。