jquery 获取文件的本地路径path和名称name将其组装到flilearry里面然后传到java后台Controller
在前端使用jQuery获取文件的本地路径和名称,然后将其组装到一个数组中,并传递给后台Java Controller,可以按照以下步骤操作:
- 在HTML中添加一个文件上传的input元素,例如:
<input type="file" id="fileInput" multiple>
- 使用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) {
// 处理错误
}
});
});
- 在后台Java Controller中接收传递的fileArray参数,例如:
@PostMapping("/upload")
public ResponseEntity<String> uploadFiles(@RequestBody List<Map<String, String>> fileArray) {
// 处理上传的文件路径和名称
// 返回响应
}
注意,以上代码仅为示例,具体的后台Controller接口和逻辑需要根据实际情况进行编写
原文地址: https://www.cveoy.top/t/topic/ioT1 著作权归作者所有。请勿转载和采集!