如何将图像从前端（reactjs）传递到后端（nodejs）并将其上传到firebase存储？

Posted 2023-03-07

【中文标题】如何将图像从前端（reactjs）传递到后端（nodejs）并将其上传到firebase存储？

【英文标题】：How to pass image from frontend(reactjs) to backend(nodejs) and upload it to firebase storage?

【发布时间】：2020-12-25 13:09:51

【问题描述】：

我想将图像形式的前端（反应）传递给后端（节点）。我该怎么做？

我将前端部署在 firebase 托管中，后端部署到 heroku。由于前端和后端将在不同的位置，所以我怎样才能将我的图像发送到后端？我想使用 nodejs 上传图片。前端只会将图像发送到后端。我的意思是nodejs会将图像上传到firebase存储并将下载url存储在mongdb数据库中。

【参考方案1】：

您可以使用 formData 来实现...这里是 react 中 api 请求的示例代码。

uploadHandler = () =>  
   const formData = new FormData();
   formData.append('file', this.state.selectedFile);
   axios.post('http://localhost:8080/student/image',
   formData
);

【讨论】：

它应该可以工作，但对你的表现来说并不是最好的