jquery 上传多个文件路径和文件名称 到java的Controller循环处理
在前端使用jQuery上传多个文件路径和文件名称到Java的Controller,并进行循环处理,可以按照以下步骤实现:
-
在前端页面中,使用
<input type="file" multiple>标签来允许选择多个文件。 -
使用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);
}
- 使用jQuery的
$.ajax()方法发送POST请求到Java的Controller。
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 处理上传成功的回调
},
error: function(xhr, status, error) {
// 处理上传失败的回调
}
});
- 在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对象来获取文件信息,并进行相应的处理
原文地址: https://www.cveoy.top/t/topic/ioSg 著作权归作者所有。请勿转载和采集!