文件上传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。