【问题标题】:How to show image from json file in local host? [duplicate]如何在本地主机中显示来自 json 文件的图像? [复制]
【发布时间】:2019-05-14 14:48:43
【问题描述】:

如何在 React 应用程序的本地主机中显示来自 json 文件的图像? 我正在尝试以下一个,但它不起作用。

json 文件:

{
  "img":"images/img-filename.png"
}

图片位于 src/images/img-filename.png

在 React 应用中,图片路径显示为:images/img-filename.png

【问题讨论】:

标签: javascript json reactjs


【解决方案1】:

src 文件夹中的图像可以通过以下方式显示在 React 组件中:-

<img height="32" src="../images/img-filename.png" />

../ 是取出一个文件夹。希望对你有帮助。

【讨论】:

  • 我做到了,仍然没有显示...文件路径来自 .json 文件。路径如 .json 中所述显示,但图像仍未显示
  • @Ali 在渲染img对象时,还要在src中添加../
  • json 路径:{ "img" : "../images/img-filename.png" } 反应文件:
  • 在我将图像文件夹移动到公用文件夹后,它正在显示图像。
猜你喜欢
  • 2011-08-24
  • 2019-07-10
  • 2017-05-12
  • 1970-01-01
  • 2014-04-10
  • 2020-08-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多