无法将多部分/表单数据从React发布到Spring

Question

我想从React获取文件上传并将其发送到SpringBoot。我试图从React FormData发布，它将包含文件名和XML文件的键值对。因此，当我尝试将FormData发布到后端（即Springboot）时，它返回：

.w.s.m.s.DefaultHandlerExceptionResolver : Resolved 
[org.springframework.web.HttpMediaTypeNotSupportedException: 
Content type 'application/json;charset=UTF-8' not supported]

handleSubmit = (e) => {
e.preventDefault();
console.log(this.state.file[0].name);
const formData = new FormData();
var i = this.state.file.length;
console.log(i);
for (var j = 0; j < i; j++) {
    formData.append(this.state.file[j].name, this.state.file[j])
}
for (var pair of formData.entries()) {
    console.log(pair[0] + ',' + pair[1]);
}

Axios.post('http://localhost:8080/upload', {
    file:formData
  })
  .then(response=>{
      console.log(response)
  })
  ;

这是我的Springboot控制器：

@CrossOrigin
@RequestMapping(value = "/upload", consumes = "multipart/form-data", method = RequestMethod.POST)
public String upload(@RequestParam("file") MultipartFile[] file) throws IOException {
    System.out.println(file.length);
    for(MultipartFile temp : file) {
        System.out.println(temp.getOriginalFilename());
        System.out.println(temp.getSize());
        File converted = new File(temp.getOriginalFilename());
        temp.transferTo(converted);
        System.out.println(converted.getTotalSpace());
    }
        return "blah";

}

我已经尝试在Axios post请求的头中指定multipart/form-data，但似乎不起作用。问题出在我的请求里还是出在我的控制器上？如果你有什么想法，请告诉我，我已经花了几个小时的时间来解决这个问题。

Answer 1

在发送请求时尝试标头：{“content-type”：undefined},。并且确保在表单上有enctype=“multipart/form-data”。

也请参阅