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

Can't add a file to fetch POST request

我有一个在邮递员中成功的请求,但是当我从我的 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));

当输入文件(type='file')改变时执行此代码。当我 console.log event.target.files[0] 时,我得到:

我添加的文件有误吗?

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

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

fetch 会自动生成一个合适的 Content-Type header,但你正在覆盖它并用损坏的替换它。

删除该行。