asp.net 如何在ReactJS中显示数据库中的图像?

3wabscal  于 2023-10-21  发布在  .NET
关注(0)|答案(2)|浏览(128)

我最近开始使用React。
我有ReactJS前端和ASP.NET后端的项目。
我在我的数据库中保存图像的路径。在React脚本中,我想得到它们。
我的应用程序从“Index.html”开始。我的照片位于“PizzaPhotos”文件夹。
下面是我的项目树:

以下是我的获取信息(包括图像):

如果我只使用“img src="”,它就可以正常工作:

我使用的照片路径是:“../src/PizzaPhotos/image.jpg”
如果不成功,我得到的就是:浏览器中的[x]
也许解决办法很简单,但此时此刻我自己做不到。

j2qf4p5b

j2qf4p5b1#

它们应该是您存储图像的public文件夹的路径。根据您的配置,公用文件夹是提供给浏览器的文件夹。

2ic8powd

2ic8powd2#

具体来说,您应该将图像放在/public文件夹中,然后使用process.env.PUBLIC_URL变量引用该文件夹。React不推荐这种方法(与使用import语句相比),但注意到有合法的用例。更多信息:https://facebook.github.io/create-react-app/docs/using-the-public-folder

相关问题