创建-响应-应用程序上传的图像不被获取。

Question

我有一个问题的图片在创建反应应用程序，我不能使用"webpack导入“的方式，包括图片，因为我上传他们，然后我想要显示他们。

我的img代码很简单

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

它被呈现为：

<img src="/public/cdn/files/offer_photo/a70318372a62066c492b4ebdd34491af8bd9bb15.jpg" alt="rez5d9e85_id20150826_036" class="MuiGridListTile-imgFullHeight-620">

根据开发中的文档，我应该使用/public文件夹让webpack服务器来服务器它。但似乎没有

• 文件已就位
• 我试图添加process.env.PUBLIC_URL预修复到动态添加img src ..did，但没有帮助。

谢谢您对如何解决这一问题的任何建议。

Answer 1

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

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