文件上传 API 在 Postman 中有效，但在 React JS 中无效

Question

I'm currently developing a Java spring boot and React JS application, and am trying to upload files to the server. My spring endpoint looks like this :

@PostMapping("/uploadFile")
public UploadFileResponse uploadFile(@RequestParam("file") MultipartFile file) {

My front end code looks like this :

let formData = new FormData();
    formData.append('file', file);

    let xhr = new XMLHttpRequest();
    xhr.open("POST", "/api/uploadFile");
    xhr.send(formData);

When I submit the request in Postman, with the body selected as form-data, and key of file, everything works and my file is uploaded to the server.

However, when I try the same thing using the front end code, the server says:

Required request part 'file' is not present

I've tried searching online, and it seems like I'm doing everything correct. I know that my server side code is correct as the request works with Postman.

Any insight is appreciated!

Answer 1

如果XMLHttpRequest出现在那里，请尝试从XMLHttpRequest完全删除标头，或者将标头保留为没有Content-Type属性的空对象{} 。