javascript - 文件上传并了解目录结构

Question

我们使用 jquery fileupload 将文件(和文件夹)从本地计算机拖放到浏览器。这很好用，但我们无法捕获文件夹中文件的目录结构。我理解为什么(从安全 Angular 和 javascript 的 Angular )这不起作用，但是有没有人对实现相同目标的最佳方法有任何想法。

同样，我希望我的客户(内部应用程序)将一个文件夹拖放到我的应用程序中。我的应用程序可以看到文件名列表并上传它们，但我想维护这些文件的目录结构以供其他地方使用。即，知道它来自目录 x/1/a 而不是 y/2/b 对我来说很重要。

提前致谢!

Answer 1

请参阅 jquery 文件上传对此的支持与 @Dead133 提到的 webkitdirectory 有关 https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

“可以选择完整的文件夹结构，尽管目前只有 Google Chrome 支持。要启用此功能，必须将以下 vendor 特定的目录属性添加到文件输入字段:”

<input type="file" name="files[]" multiple directory webkitdirectory mozdirectory>

另一个低技术含量的解决方案是让用户压缩文件并上传，同时保留任何文件夹。