Node.js 将图像从react上载到nodejs express API

Node.js 将图像从react上载到nodejs express API,node.js,reactjs,Node.js,Reactjs,我有以下用于上载文件的输入组件: <input name="image" ref={this.fileInputRef} className="FileInput" type="file" multiple onChange={onFilesAdded} /> 然后在我的httpService.contractPayment(数据)上,如果获取包装器发出具有以下标头的POST请求: { Authorization: `Bearer ${token}`,

我有以下用于上载文件的输入组件:

 <input
  name="image"
  ref={this.fileInputRef}
  className="FileInput"
  type="file"
  multiple
  onChange={onFilesAdded}
/>
然后在我的httpService.contractPayment(数据)上,如果获取包装器发出具有以下标头的POST请求:

{
  Authorization: `Bearer ${token}`,
}

但是在nodejs上我没有得到图像,但是如果我尝试从邮递员那里得到图像,图像就会上传。所以我觉得我的反应有问题。请给我一些建议。

这里可能有很多问题,但我们还是从头开始吧。首先,当您的输入发生更改时,您正在调用
onFilesAdded
函数,这是您访问文件的方式:

onFilesAdded = event => {
 const file = event.target.files[0]
}
然后,通过添加3个参数将其附加到
FormData

data.append('file',file,file.name)


这里的一个陷阱是,如果向请求添加
内容类型
头,它将无法工作。让
获取
处理所有这些,只需添加
授权

非常感谢,我的问题是append data.append('file',file);代替data.append('file',file[0]);但直到我看到你的答案,我才发现错误
onFilesAdded = event => {
 const file = event.target.files[0]
}