使用 jQuery 获取文件路径和名称并上传到 Java 后台

你可以使用<input type='file'>元素来选择文件，然后使用 JavaScript 获取文件的路径和名称，并将它们组装到一个数组中。接下来，你可以将该数组作为参数传递给 Java 后台的 Controller。

HTML 代码：

<input id='fileInput' type='file' multiple>
<button id='uploadButton'>上传</button>

JavaScript 代码：

$('#uploadButton').click(function() {
  var fileArray = [];
  var files = $('#fileInput')[0].files;
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    var path = file.name; // 文件路径
    var name = file.name; // 文件名称
    fileArray.push({ path: path, name: name });
  }
  // 将 fileArray 传递给后台 Controller
  $.ajax({
    url: '/your-controller-url',
    method: 'POST',
    data: JSON.stringify(fileArray),
    contentType: 'application/json',
    success: function(response) {
      // 处理成功的响应
    },
    error: function(error) {
      // 处理错误
    }
  });
});

在 Java 的 Controller 中，你可以使用@RequestBody注解将传递的 JSON 数据映射到一个 Java 对象：

@Controller
@RequestMapping("/your-controller-url")
public class YourController {

  @PostMapping
  public ResponseEntity<?> uploadFiles(@RequestBody List<FileData> fileArray) {
    // 处理文件数组
    // 返回响应
  }

}

public class FileData {
  private String path;
  private String name;

  // Getter 和 Setter 方法省略
}

这样，你就可以在 Java 后台的 Controller 中获取文件路径和名称，并对它们进行进一步处理。