Javascript 文件 API : Iterating Directories?

Question

Firefox 3.6 允许您将目录拖放到某个元素上(使用拖放 API)并使用 FileAPI 处理这些文件.它如何处理目录？

Mac OS X Finder 将一些目录显示为文件(.app、.tmbundle、.abbu 等)。在大多数情况下，这很棒。在通过 File- 和 DND-API 与浏览器交互的情况下，它不是。最终用户无法区分真实文件和类似 my-addressbook-backup.abbu 的文件。

因此，Javascript UI 必须能够识别目录结构。如果它不能遍历结构，它必须相应地通知用户。

关于如何实现两者的任何想法？

编辑:

我可以看到允许 JS 遍历目录时出现的(潜在)问题。我并不是在要求目录遍历本身(尽管我不会绑定(bind)能够)。我说的是 Foo.app 被视为一个文件(就像用户通过 Finder.app 看到的那样)但实际上是一个目录(就像在 Terminal.app 中查看它时看到的那样)。

File API 目前不提供任何遍历机制。因此，无法访问 addressbook-dump.abbu 中更深层次的嵌套文件。是否有任何想法让这成为可能？

否则我将不得不告诉我的 OSX 用户将他们的地址簿文件存档(例如 ZIP)并“上传”该 zip(我实际上可以在 JS 中读取)。虽然这是一种解决方法，而不是解决方案。

Answer 1

理论上，您描述的内容可以用 FileReader 实现应用程序接口(interface)。例如， this demo读取 .zip 文件(点击加载 photos.zip)，解压其内容，然后向用户显示它包含的图片列表。

对于一般的文件夹拖放，有两个错误阻碍了 Chrome/WebKit:1 , 2 .当这些得到修复后，您将能够将文件夹从操作系统拖到 <input type="file" webkitdirectory> 上。并遍历其所有层次结构。看webkitdirectory在行动中，查看this demo在 Chrome 中。