使用 javascript 上传多个文件夹(文件夹及其子文件夹)

在JavaScript中，由于浏览器的安全限制，直接上传整个文件夹（包括子文件夹）是不可能的。但是，你可以通过递归遍历文件夹中的所有文件，并将它们逐个上传。

以下是一个使用JavaScript上传多个文件夹的示例代码：

// 递归函数，用于遍历文件夹中的所有文件
function traverseFolder(folder, callback) {
  folder.forEachEntry(function(entry) {
    if (entry.isFile) {
      entry.file(function(file) {
        callback(file);
      });
    } else if (entry.isDirectory) {
      traverseFolder(entry.createReader(), callback);
    }
  });
}

// 获取文件夹上传的input元素
var folderInput = document.getElementById('folderInput');

// 监听input元素的change事件
folderInput.addEventListener('change', function(e) {
  var files = e.target.files;
  
  // 遍历选择的文件夹
  for (var i = 0; i < files.length; i++) {
    var folder = files[i].webkitGetAsEntry();
    
    // 检查是否为文件夹
    if (folder.isDirectory) {
      traverseFolder(folder.createReader(), function(file) {
        // 在这里执行上传操作，可以使用XMLHttpRequest或其他上传方法
        console.log(file);
      });
    }
  }
});

上述代码中，我们首先获取了一个input元素，用于选择文件夹。然后，我们监听了input元素的change事件，在事件处理函数中获取选择的文件夹，并通过递归遍历函数`traverseFolder`遍历文件夹中的所有文件。在遍历过程中，你可以执行上传操作，例如使用XMLHttpRequest或其他上传方法。

请注意，上述代码使用了Webkit的API`webkitGetAsEntry`，这是因为目前只有Chrome和Opera浏览器支持直接选择文件夹。如果你需要在其他浏览器中实现类似功能，可能需要使用不同的API或库。