无法添加文件以获取POST请求

Question

我有一个成功的邮递员请求，但是当我从我的JS代码中调用该请求时却失败了。 Chrome开发工具中的请求类似，并且我怀疑我只是没有正确添加文件。这是在邮递员中添加文件的方式：

这是我的JS代码：

let formData = new FormData();
        formData.append('file', event.target.files[0]);
        fetch('http://localhost:8080/file/upload', {
            method: 'POST',
            headers:{
                'Content-Type': 'multipart/form-data',
                'Authorization': 'Bearer ' + JWT
            },
            body:formData
        }).then(response => console.log(response));

当输入的文件（类型=“文件”）更改时，将执行此代码。当我console.log event.target.files [0]时，我得到：

我添加文件错误吗？

Answer 1

'Content-Type': 'multipart/form-data',

multipart/form-data需要一个参数来描述边界标记。

fetch将自动生成一个合适的Content-Type标头，但是您将其覆盖，并用损坏的标头替换。

删除该行。