Javascript 我能'；t使用fetch-in-REACT将图像上载到后端

我马上就开门见山

我有这个简单的反应形式。它有2个输入字段和1个图像上传字段。我需要发送数据到后端API，这是与春天

我现在正在尝试这个

const formID=document.getElementById（'formGroup'）；
const formData=新formData（formID）；
获取（'api/5/添加图像'{
方法：“POST”，
正文：JSON.stringify（formData），
标题：{
授权：“持票人”+代币，
接受：'application/json'，
“内容类型”：“多部分/表单数据”
}
})。然后（res=>{
this.setState（{isSubmitting:false}）；
console.log（res.text（））；
})

但我经常在控制台中收到相同的错误消息

所需的请求部分“文件”不存在

你知道是什么导致了这个问题吗？身份验证令牌可以工作，我认为头是可以的

---

感谢您的时间：）

在使用FormData和fetch时，您不应将表单值字符串化，也不应指定内容类型标题

这应该可以

const formID=document.getElementById（'formGroup'）；
const formData=新formData（formID）；
获取（'api/5/添加图像'{
方法：“POST”，
正文：formData，
标题：{
授权：“持票人”+代币，
接受：'application/json'，
}
})。然后（res=>{
this.setState（{isSubmitting:false}）；
console.log（res.text（））；
})

在使用FormData和fetch时，不应字符串化表单值，也不应指定内容类型标题

这应该可以

const formID=document.getElementById（'formGroup'）；
const formData=新formData（formID）；
获取（'api/5/添加图像'{
方法：“POST”，
正文：formData，
标题：{
授权：“持票人”+代币，
接受：'application/json'，
}
})。然后（res=>{
this.setState（{isSubmitting:false}）；
console.log（res.text（））；
})

谢谢您的时间，但当前请求不是一个多部分表单请求是我现在在删除

内容类型

编辑抱歉后收到的消息。我的错误。关于文件不存在，我仍然会遇到同样的错误。您是否仔细检查了文件输入的

name

属性是否与服务器预期的相同？非常感谢。你不知道我这么做有多久了。这就是问题所在。谢谢。谢谢您的时间，但当前请求不是多部分表单请求是我在删除内容类型后收到的消息。我的错误。关于文件不存在，我仍然会遇到同样的错误。您是否仔细检查了文件输入的

name

属性是否与服务器预期的相同？非常感谢。你不知道我这么做有多久了。这就是问题所在。非常感谢。