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

Question

我目前正在开发 Java spring boot 和 React JS 应用程序，并尝试将文件上传到服务器。我的弹簧端点如下所示：

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

我的前端代码如下所示：

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

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

当我在 Postman 中提交请求，并选择正文作为表单数据和文件密钥时，一切正常，我的文件已上传到服务器。

然而，当我使用前端代码尝试同样的事情时，服务器说：

Required request part 'file' is not present

我尝试在网上搜索，似乎我做的一切都是正确的。我知道我的服务器端代码是正确的，因为该请求适用于 Postman。

任何见解表示赞赏！

Answer 1

尝试完全删除标头（XMLHttpRequest如果存在），或者将标头保留为{}没有Content-Type属性的空对象。