[英]Empty List<MultipartFile> when trying to upload many files in Spring with ng-file-upload
我有以下控制器方法可以一次上传多个文件,灵感来自这篇博客文章和这个问题的答案:
@RequestMapping(value = "/{user}/attachment", method = RequestMethod.POST)
@PreAuthorize(...)
public void upload(@PathVariable User user,
@RequestParam("file") List<MultipartFile> files) {
// handle files
}
但是,尽管请求包含文件,但文件列表始终为空。
如果我将第三个MultipartRequest
参数添加到方法中:
public void upload(@PathVariable User user,
@RequestParam("file") List<MultipartFile> files,
MultipartRequest request)
我可以看到它正确包含我上传的文件:
空List<MultipartFile>
的原因可能是什么?
我正在使用ng-file-upload提交文件,但我认为它与问题无关。 春天 4.2.4。
问题是ng-file-upload默认使用名称file[0]
、 file[1]
等提交文件数组。使用Upload
服务时,它可以使用arrayKey
值进行配置。 将其设置为空字符串会强制文件在相同的file
键下发送,Spring 正确解析了这一点,@ @RequestParam("file") List<MultipartFile>
包含已提交的所有文件。
Upload.upload({url: url, data: {file: arrayOfFiles}, arrayKey: ''})
尝试像这样使用@ModelAttribute
:
@RequestMapping(value = "/{user}/attachment", method = RequestMethod.POST)
@PreAuthorize(...)
public void upload(@PathVariable User user,@ModelAttribute("uploadFile") FileUpload uploadFile) throws IllegalStateException, IOException {
List<MultipartFile> files = uploadFile.getFiles();
...
并创建一个类,如:
public class FileUpload {
private List<MultipartFile> files;
public List<MultipartFile> getFiles() {
return files;
}
public void setFiles(List<MultipartFile> files) {
this.files= files;
}
}
这对我有用,将带有多个文件附件的大“电子邮件”对象从 UI 发送到后端:
角
sendEmailWithAttachments(taskId: string, template: string, email: any, modelConfig: any, files: any[]) {
let formData = new FormData();
formData.append('form', new Blob([JSON.stringify(email)], {type: 'application/json'}));
files.forEach(file => {
formData.append('files', file);
});
return this.$http({
method: 'POST',
data: formData,
url: this.baseUrl + '/' + taskId + '/email-with-attachment?template=' + template,
headers: {
'Content-Type': undefined
},
responseType: 'arraybuffer'
});
}
Java 春天
@RequestMapping(value = "{taskId}/email-with-attachment", method = RequestMethod.POST, consumes = MULTIPART_FORM_DATA_VALUE)
public void sendEmailWithAttachment(
@PathVariable String taskId,
@RequestParam String template,
@RequestParam("form") MultipartFile form,
@RequestParam("files") List<MultipartFile> files) throws IOException {
Map<String, String> parameters = new ObjectMapper().readValue(form.getInputStream(), HashMap.class);
System.out.println("taskId"+ taskId);
System.out.println("template"+ template);
System.out.println("files"+ files);
System.out.println("parameters"+ parameters);
}
对于多个文件。 在您的 javascript 中执行此操作
//first add files to form data
var formData = new FormData();
for (let i = 0; i < files.length; i++) {
formData.append("images", files[i]);
}
//post files to backend e.g using angular
$http.post('upload', formData, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
})
.then(function(response){
console.log("UPLOAD COMPLETE::=> ", response);
}, function (error) {
console.log(error);
});
在你的java中做这个
//your java method signature
@PostMapping(value = "/upload", consumes = MediaType.MULTIPART_FORM_DATA_VALUE )
public Response uploadImage(RequestParam(value = "images") MultipartFile[] images){
}
我认为在您从前面发送数据的方式中,它不能与 java.util.List绑定。 如果您创建一个 JSON 数据作为请求并使用 @RequestBody 注释您的列表,例如:
@RequestMapping(value = "/{user}/attachment", method = RequestMethod.POST)
@PreAuthorize(...)
public void upload(@PathVariable User user,
@RequestBody List<MultipartFile> files) {
// handle files
}
这应该有效。 一些信息在这里。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.