60

Google Chrome 11 现在支持上传文件夹。目前此功能仅在 Google Docs 中实现，我一直无法在我的代码中找到有关如何使用此功能的任何 API 文档。

据我所知，您单击 Google Docs 中的上传文件夹链接，该链接显示“浏览文件夹”对话框（从外观上看是对 SHBrowseForFolder 的调用），您选择一个文件夹，然后该文件夹的内容是上传到 Google 文档。

由于此功能需要将 Google Chrome 升级到最新版本，或者对于运行 Java Applet 的其他浏览器，我假设我可以在自己的网站中使用此功能？

我希望在我维护的内容管理系统中拥有此功能！

4

1 回答 1

80

你应该可以在这里看到一个演示：http: //html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html

基本上，它通过在文件输入元素上设置属性“webkitdirectory”来工作。

<input type="file" id="file_input" webkitdirectory="" directory="">

然后，当用户选择了一个文件夹时，它会遍历“e.target.files”对象以获取包含在选择中的文件列表（这使您可以从客户端访问这些文件）。

拖放类似，当您在“可拖动”元素上监听“ondrop”事件时，如果将目录或文件选择拖放到元素上，则事件的“文件”属性将是文件列表包含在操作中。

于 2011-05-01T15:29:04.050 回答