在JavaScript中上传文件夹及其所有内容

Question

如何使用JavaScript（客户端）上传文件夹的内容？ FileSystem API尚未被Chrome以外的浏览器采用;我只得到一个带有文件夹名称的File项目。

应该有可能，因为Google Drive允许删除文件夹，并且所有内容（文件夹和文件）都会自动上传。

Answer 1

不幸的是，目前只有基于webkit的浏览器支持文件系统API。

如果您尝试使用Firefox或Internet Explorer删除Google Drive中的文件夹，您将收到一条错误消息，指出它不受支持。

Answer 2

您实际上可以上传所有最新版本的Chrome，Firefox和Microsoft Edge中的目录。有很多工作示例可供查看。

这里是一个很好的，工作的例子，我在一个项目

Quarklemotion Html5FileSelector

另外以前用过，悬浮窗JS还支持目录上传以及它在Chrome，FF和边缘作品。我刚刚过渡到在我自己的项目中使用它。

Dropzone JS

这些解决方案递归读取目录条目，并列出所有的文件，包括他们的相对路径。如果您想在上传时重建文件夹结构，则必须使用相对路径和适当的算法来实现该结构。