如何从 React JS 上传和获取图像到 Json-server?
How to upload and get images from React JS to Json-server?
我尝试使用 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 和 show/preview 中获取图像。
我尝试了很多方法,但我从来没有成功过。我添加了 img URL 但它是一个虚拟 JSON 数据。而且我没有得到这样的图像:http://localhost:3000/486a4da8sd4ad68a.jpg
我需要正确的方法或建议,请帮助。
如果 JSON-server 不是您的项目必须的,您可以使用 Firebase。你可以找到很多关于上传和发送关于 firebase 和 React JS 的教程。根据您的要求,这种方式很容易。
我尝试使用 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 和 show/preview 中获取图像。
我尝试了很多方法,但我从来没有成功过。我添加了 img URL 但它是一个虚拟 JSON 数据。而且我没有得到这样的图像:http://localhost:3000/486a4da8sd4ad68a.jpg
我需要正确的方法或建议,请帮助。
如果 JSON-server 不是您的项目必须的,您可以使用 Firebase。你可以找到很多关于上传和发送关于 firebase 和 React JS 的教程。根据您的要求,这种方式很容易。