jQuery 文件上传插件：是否可以保留上传文件夹的结构？

Question

我正在尝试这个插件（ https://github.com/blueimp/jQuery-File-Upload ）并且在文件夹上传中很有趣。

我想知道该插件是否能够保留上传的子文件夹的结构（= 上传 1 个文件夹和 3 个子文件夹，每个文件夹包含多个文件）？

Answer 1

这应在可能webkit使用拖放和拖放浏览器.dataTransfer对象在drop事件; .webkitGetAsEntry() ; webkitRequestFileSystem getDirectory()创建与上传文件夹同名的目录， .createReader()在DirectoryEntry ， readEntries()迭代目录中的条目，为每个FileEntry调用.copyTo()目标正在创建的目录具有上传的目录名称。

现在应该可以使用webkitRequestFileSystem()访问该文件夹，然后使用目录名称作为第一个参数和空选项对象{}作为第二个参数调用.getDirectory() 。

或者，可以使用文件管理器 gui 或命令行界面从 chrome 或chromium 配置文件文件夹中的实际用户文件系统访问文件夹。 或者，创建一个本地脚本将File System中的File System夹复制到另一个目录，并将文件夹重命名为已上传文件夹的原始名称。 不调整文件夹和文件路径，只调整文件夹名称。

是否能够保留上传的子文件夹的结构（= 上传 1 个文件夹和 3 个子文件夹，每个文件夹包含多个文件）？

在文件管理器中，文件夹的名称不会与上传的目录相同，但应保留文件夹和文件结构。 该文件夹应位于File System中 chrome 配置文件文件夹中的最后一个文件夹，在Origins文件夹之前。 另请参阅如何使用 JavaScript 写入文件（用户目录）？

function errorHandler(e) {
  console.log(e)
}

function handleFiles(e) {
  console.log("file", file)
}

function handleDrop(event) {
  var dt = event.dataTransfer;
  for (var i = 0; i < event.dataTransfer.items.length; i++) {
    var entry = dt.items[i].webkitGetAsEntry();
    if (entry.isFile) {
      console.log("isFile", entry.isFile, entry);
      entry.file(handleFiles);
    } else if (entry.isDirectory) {
      console.log("isDirectory", entry.isDirectory, entry);
      window.webkitRequestFileSystem(window.TEMPORARY, 1024 * 1024
      , function(fs) {
        // create directory with uploaded directory name
        fs.root.getDirectory(entry.name, {
          create: true
        }, function(dirEntry) {
          // read folders, files in uploaded directory
          var reader = entry.createReader();
          reader.readEntries(function(entries) {
            entries.forEach(function(file) {
              // copy files to new directory
              file.copyTo(dirEntry);
              console.log("file:", file, "\ncopied to directory:", dirEntry)
            })
          })
        }, errorHandler)
      }, errorHandler)
    }
  }
}

plnkr http://plnkr.co/edit/oUIhwUc3CDxI64SrvxIh?p=preview