未获取create-react-app上传的图像

时间:2018-12-09 21:03:54

标签: reactjs image webpack create-react-app

我在create react应用程序中存在图像问题,我无法使用“ webpack import”方式包含图像,因为我正在上传图像,然后又想显示它们。

我的img代码很简单

<img src={file.path} alt={title}/>

其显示为:

<img src="/public/cdn/files/offer_photo/a70318372a62066c492b4ebdd34491af8bd9bb15.jpg" alt="rez5d9e85_id20150826_036" class="MuiGridListTile-imgFullHeight-620">
根据{{​​3}}在开发中的

,我应该使用/public文件夹来让webpack服务器对其进行服务器处理。但这似乎不是

  • 文件到位
  • 我尝试向动态添加的img src ..did添加process.env.PUBLIC_URL前缀没有帮助。

预先感谢您提出解决此问题的建议。

1 个答案:

答案 0 :(得分:0)

您是否尝试过将图像的导入分配给变量?例子

const image = require ('path to image')
and then:
<img src={image} />