如何从 React JS 上传和获取图像到 Json-server？

Posted 2023-03-27

【中文标题】如何从 React JS 上传和获取图像到 Json-server？

【英文标题】：How to upload and get images from React JS to Json-server?

【发布时间】：2021-05-15 10:15:27

【问题描述】：

我尝试使用 React JS 从JSON-Server 上传并获取上传的图像。

我正在为 JSON-Server 使用虚拟 JSON 文件

JSON 文件示例（userInfo.json）：

   users : 
       "id" : 1
       "userName": "testuser",
       "name": "User",
       "lastName": "Test",
       "imageURL": "http://localhost:3000/486a4da8sd4ad68a.jpg",
       ,

我想从 ReactJS 上传图片并且我想添加这个图片 userInfo.json。然后我从 userInfo.json 中获取图像并在组件图像中显示/预览。

我尝试了很多方法，但都没有成功。我添加了 img URL，但它是一个虚拟的 JSON 数据。而且我没有得到这样的图像：http://localhost:3000/486a4da8sd4ad68a.jpg

我需要正确的方法或建议，请帮助。

【参考方案1】：

如果您的项目不需要 JSON 服务器，您可以使用Firebase。你可以找到很多关于上传和发送关于 firebase 和 React JS 的教程。根据您的要求，这种方式很容易。