如何在 ReactJS 中显示数据库中的图像？答案

【问题标题】：How to display images from database in ReactJS?如何在 ReactJS 中显示数据库中的图像？
【发布时间】：2019-03-27 20:45:26
【问题描述】：

我最近开始使用 React。

我有 ReactJS 前端和 ASP.NET 后端的项目。

在我的数据库中，我保留了图像的路径。在 React 脚本中我想得到它们。

我的应用从“Index.html”开始。我的照片位于“PizzaPhotos”文件夹中。

这是我的项目树：

这是我获取信息的方法（包括图片）：

如果我只使用 "img src="" 它可以正常工作：

我使用的照片路径是：“../src/PizzaPhotos/image.jpg”

它不起作用，我得到的只是：浏览器中的 [x]。

也许解决方案很简单，但目前我自己做不到。

我很乐意提供任何帮助。

【问题讨论】：

标签： sql asp.net .net reactjs asp.net-web-api

【解决方案1】：

它们应该是您应该存储图像的public 文件夹的路径。公共文件夹，取决于您的配置，是提供给浏览器的。

【讨论】：

我使用了你所说的，现在它只是不显示任何东西。这似乎是反应阻止图像显示。

【解决方案2】：

具体来说，您应该将图像放在您的/public 文件夹中，然后使用process.env.PUBLIC_URL 变量引用该文件夹。 React 不推荐这种方法（与使用 import 语句相比），但指出存在合法的用例。更多内容：https://facebook.github.io/create-react-app/docs/using-the-public-folder

【讨论】：