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]
}