在前端使用jQuery上传多个文件路径和文件名称到Java的Controller,并进行循环处理,可以按照以下步骤实现:

  1. 在前端页面中,使用<input type="file" multiple>标签来允许选择多个文件。

  2. 使用jQuery的FormData对象来创建一个包含文件信息的表单数据。

var formData = new FormData();

// 获取文件输入框的文件列表
var files = $('#fileInput')[0].files;

// 循环遍历文件列表,将每个文件信息添加到FormData对象中
for (var i = 0; i < files.length; i++) {
  var file = files[i];
  formData.append('files', file);
}
  1. 使用jQuery的$.ajax()方法发送POST请求到Java的Controller。
$.ajax({
  url: '/upload',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 处理上传成功的回调
  },
  error: function(xhr, status, error) {
    // 处理上传失败的回调
  }
});
  1. 在Java的Controller中,使用@RequestParam("files") MultipartFile[] files来接收文件列表参数。
@PostMapping("/upload")
public ResponseEntity<?> uploadFiles(@RequestParam("files") MultipartFile[] files) {
  for (MultipartFile file : files) {
    // 处理每个文件,例如保存到磁盘或数据库
    // 获取文件路径和文件名
    String filePath = file.getOriginalFilename();
    String fileName = Paths.get(filePath).getFileName().toString();
    
    // 其他处理逻辑...
  }
  
  // 返回上传成功的响应
  return ResponseEntity.ok().build();
}

通过以上步骤,你可以实现在前端使用jQuery上传多个文件路径和文件名称到Java的Controller,并进行循环处理。在Java的Controller中,可以使用MultipartFile对象来获取文件信息,并进行相应的处理

jquery 上传多个文件路径和文件名称 到java的Controller循环处理

原文地址: https://www.cveoy.top/t/topic/ioSg 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录