如何使用标准HTML,React和Webpack动态加载图像?

时间:2018-08-26 10:02:58

标签: html reactjs webpack

我正在构建一个小型博客应用程序,从MongoDB加载文章。虽然这适用于文本,但我希望通过文章加载图像。 (请注意,图片未保存在Mongo中,而是上传到“图片”文件夹中,然后通过路径引用)

到目前为止,该方法有效:

let image = require('./some/path/image.png')

<img src={image}/>

我读到可以引用文件树中保存的所有图像,如下所示:

let image = require.context('./some/path',false,regex)

(但是您在src标签中放置了什么以引用特定图像?)

但是,仍然可以像下面那样使用普通的旧html吗?

let image = require.context('./some/path',false,regex)

<img src='./some/path/image.png'/>

用例是,我在admin部分中创建了一个文本框供我自己撰写文章并发布,但是尽管该文本框可以保存和读取html标签,但无法读取“ {}”,所以如果我写入<img src={require('/some/image')}/>,它将不会在React中呈现。

0 个答案:

没有答案