java webkitdirectory实现文件夹上传，保留目录结构

要实现文件夹上传并保留目录结构，可以使用HTML5的webkitdirectory属性和FormData对象。

首先，在HTML表单中添加一个input元素，并设置其type属性为file，webkitdirectory属性为true，表示可以选择文件夹：

<form>
  <input type="file" name="files" webkitdirectory>
  <button type="submit">上传</button>
</form>

然后，在JavaScript中处理表单提交事件，在事件处理函数中创建一个FormData对象，将选择的文件夹中的所有文件都添加到FormData对象中：

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  
  var files = document.querySelector('[name="files"]').files;
  var formData = new FormData();
  
  for (var i = 0; i < files.length; i++) {
    formData.append(files[i].webkitRelativePath, files[i]);
  }
  
  // 发送FormData对象到服务器
});

这里使用了webkitRelativePath属性，它可以获取文件在文件夹中的相对路径，这样就可以保留文件夹的目录结构。

最后，将FormData对象发送到服务器，使用Ajax或form表单的submit方法都可以。

需要注意的是，由于webkitdirectory是一个非标准属性，不同浏览器的实现可能存在差异。在使用webkitdirectory时，最好进行兼容性测试。