Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从React JS向Json服务器上传和获取图像?_Javascript_Reactjs_File Upload_Json Server - Fatal编程技术网

Javascript 如何从React JS向Json服务器上传和获取图像?

Javascript 如何从React JS向Json服务器上传和获取图像?,javascript,reactjs,file-upload,json-server,Javascript,Reactjs,File Upload,Json Server,我尝试使用React JS上传并获取上传的图像 我正在使用虚拟JSON文件 JSON文件示例(userInfo.JSON): 我想从ReactJS上传图像,我想添加这个图像userInfo.json。然后我从userInfo.json中获取图像,并在组件图像中显示/预览 我尝试了很多方法,但从未成功。我添加了img URL,但它是一个伪JSON数据。我没有得到这样的图像:http://localhost:3000/486a4da8sd4ad68a.jpg 我需要纠正方法或建议,请帮助。如果您的项

我尝试使用React JS上传并获取上传的图像

我正在使用虚拟JSON文件

JSON文件示例(userInfo.JSON):

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

我尝试了很多方法,但从未成功。我添加了img URL,但它是一个伪JSON数据。我没有得到这样的图像:http://localhost:3000/486a4da8sd4ad68a.jpg


我需要纠正方法或建议,请帮助。

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

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