在前端使用jQuery获取文件的本地路径和名称,然后将其组装到一个数组中,并传递给后台Java Controller,可以按照以下步骤操作:

  1. 在HTML中添加一个文件上传的input元素,例如:
<input type="file" id="fileInput" multiple>
  1. 使用jQuery监听文件上传的change事件,并获取文件的本地路径和名称,将其组装到一个数组中,例如:
$('#fileInput').on('change', function() {
  var fileArray = [];
  var files = $(this)[0].files;
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    var filePath = URL.createObjectURL(file); // 获取文件的本地路径
    var fileName = file.name; // 获取文件名称
    var fileInfo = {
      path: filePath,
      name: fileName
    };
    fileArray.push(fileInfo);
  }
  // 调用后台Controller接口并传递fileArray
  $.ajax({
    url: 'your_backend_url',
    type: 'POST',
    data: JSON.stringify(fileArray),
    contentType: 'application/json',
    success: function(response) {
      // 处理后台返回的响应
    },
    error: function(error) {
      // 处理错误
    }
  });
});
  1. 在后台Java Controller中接收传递的fileArray参数,例如:
@PostMapping("/upload")
public ResponseEntity<String> uploadFiles(@RequestBody List<Map<String, String>> fileArray) {
  // 处理上传的文件路径和名称
  // 返回响应
}

注意,以上代码仅为示例,具体的后台Controller接口和逻辑需要根据实际情况进行编写

jquery 获取文件的本地路径path和名称name将其组装到flilearry里面然后传到java后台Controller

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

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