在laravel中以数据库显示图像

时间:2018-02-18 05:02:45

标签: image laravel reactjs

如何显示图像格式数据库?反应?我正在使用laravel作为后端。这是我的表与图像
enter image description here

我正在使用{this.props.obj.image},这显示的文件如下所示 enter image description here

正如你所看到的那样,它显示的文件并没有显示图像.searched web但是它说要导入路径但所有教程都是静态导入的 我的图片位置是资产/管理员/图片。 我该如何解决这个问题

3 个答案:

答案 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