无法添加文件以获取 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,但你正在覆盖它并用损坏的替换它。
删除该行。
我有一个在邮递员中成功的请求,但是当我从我的 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,但你正在覆盖它并用损坏的替换它。
删除该行。