如何显示图像格式数据库?反应?我正在使用laravel作为后端。这是我的表与图像
我正在使用{this.props.obj.image},这显示的文件如下所示
正如你所看到的那样,它显示的文件并没有显示图像.searched web但是它说要导入路径但所有教程都是静态导入的 我的图片位置是资产/管理员/图片。 我该如何解决这个问题
答案 0 :(得分:1)
运行laravel项目时,您已经在公用文件夹中,因此不必在路径中指定公用文件夹,并且“资产”只是laravel定义的用于访问“ public”内容的方法“目录,因此您也不要在路径中指定该目录。
因此,您应该执行以下操作:
<img src="http://localhost:<your_port>/images/{this.props.obj.image}" alt="hello image" height="200" />
答案 1 :(得分:0)
您只存储数据库中文件的名称,以加载完成图像完整路径所需的图像。
如果您将文件存储在:
{laravel_root_folder}/public/assets/images/
然后你应该做这样的事情(顺便说一句,我对反应一无所知但这应该有点工作)。我假设您在localhost
端口的8000
中运行服务器:
<img src="http://localhost:8000/assets/images/{this.props.obj.image}" alt="hello image" height="200"/>
答案 2 :(得分:0)
您不能直接从 react(前端)访问 public/storage/images,因为您必须使用以下方法来生成图像的 URL,然后在请求和使用时将该 url 返回到 react 端< img src={url} />中的url 显示图片 https://laravel.com/docs/5.4/filesystem#file-urls