jQuery-File-Upload 插件 - 无法删除文件夹

Posted 2023-05-08

【中文标题】jQuery-File-Upload 插件 - 无法删除文件夹

【英文标题】：jQuery-File-Upload plugin - can't drop folder

【发布时间】：2012-05-11 02:24:57

【问题描述】：

我正在尝试实现jQuery-File-Upload - 当我将文件从资源管理器拖放到浏览器中时，它可以正常工作。但我也希望能够拖放文件夹。

当我将文件拖放到浏览器上时，文件位于 fileuploaddrop(e, data) 事件处理程序的 data.files 参数中。但是当我删除一个文件夹时，文件数组是空的。

var dropZone = $('#fileUploadDiv').fileupload(
    dropZone : $('.dropZone'),
    drop : function(e, data) 
      $.each(data.files, function(index, file) 
        console.log('Dropped file: ' + file.name);
      );
    
).

插件不支持这个，还是我在某处遗漏了一个神秘的设置？

【参考方案1】：

上传器使用 html5 功能，不允许删除文件夹。在这里阅读更多：Does HTML5 allow drag-drop upload of folders or a folder tree?

【参考方案2】：

Chrome 21 现已支持拖放和输入目录上传

您可以使用 webkitdirectory 获取目录上传

<input type='file' webkitdirectory>

这是上传文件夹的完整代码。

https://protonet.info/en/blog/html5-experiment-drag-drop-of-folders/

【讨论】：

这似乎仅限于目录。有什么办法可以同时选择文件和目录？