一尘不染

如何在自己的代码中使用Google Chrome 11的“上载文件夹”功能?

html

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

据我所知,您单击Google Docs中的Upload folder链接,其中显示“ Browse For
Folder”对话框(从外观上对SHBrowseForFolder的调用),选择一个文件夹,然后该文件夹的内容为已上传到Google文档。

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

我很想在我维护的内容管理系统中拥有此功能!


阅读 254

收藏
2020-05-10

共1个答案

一尘不染

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

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

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

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

2020-05-10