是否有任何方法得到传递空文件夹时，拖放文件夹结构使用dropzone.js?

Question

我使用dropzone.js能够轻松上传文件和文件夹。我没有收到空文件夹的通知，是否有办法为空文件夹触发事件?

谢谢。

Answer 1

所以这就是我想到的，不是最优雅的解决方案，但我需要能够处理空文件夹。如果dropzone.js有一个允许返回空文件夹的选项就好了。

我对dropzone.js做了以下修改

在最上面我添加了

var passedFolders = [];
// used to store the names of fodlers that were passed, with either files or without
// the key is the path name, the value is true if empty, false if it had contents

然后在

下面

var readEntries = function readEntries() {
return dirReader.readEntries(function (entries) {

改为

var readEntries = function readEntries() {
return dirReader.readEntries(function (entries) {
if (entries.length > 0) {
var _iterator7 = dropzone_createForOfIteratorHelper(entries, true),
_step7;
try {
for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
var entry = _step7.value;
if (entry.isFile) {
//There is a a file in the folder, so we can set it's value to false
passedFolders[entry.fullPath.substring(0, entry.fullPath.lastIndexOf(entry.name)-1)] = false //-1 to remove the last slash


entry.file(function (file) {
if (_this5.options.ignoreHiddenFiles && file.name.substring(0, 1) === ".") {
return;
}
file.fullPath = "".concat(path, "/").concat(file.name);
return _this5.addFile(file);
});
} else if (entry.isDirectory) {
//This is just a folder, not a file. Store the folder path information set to true, it will remain true if the folder remains empty
passedFolders[entry.fullPath] = true; 
_this5._addFilesFromDirectory(entry, "".concat(path, "/").concat(entry.name));
}
} // Recursively call readEntries() again, since browser only handle
// the first 100 entries.
// See: https://developer.mozilla.org/en-US/docs/Web/API/DirectoryReader#readEntries
} catch (err) {
_iterator7.e(err);
} finally {
_iterator7.f();
}
readEntries();
}
return null;
}, errorHandler);
};

现在passedFolders将包含一个关联数组,其中的关键是路径名和值是正确的如果它是空的,假的如果它包含文件。

然后根据dropzone init,当文件上传完成后你可以选择如何处理空文件夹

this.on('queuecomplete', function (file, json) {
alert("Uploads complete, now we can deal with the empty folders");
for (var key in passedFolders) {
if (passedFolders[key]) {
alert(key); 
}
}
});