Как загружать изображения динамически с помощью стандартных HTML, React и Webpack? - PullRequest
0 голосов
/ 26 августа 2018

Я создаю небольшое приложение для блога, куда статьи загружаются из MongoDB.Хотя это работает с текстом, я хочу загрузить изображения со статьями.(обратите внимание, что изображение не сохраняется в Mongo, оно загружается в папку «images» и затем ссылается по пути)

Пока это работает:

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'/>

Случай использования: я сделал текстовое поле в разделе администратора для себя, чтобы написать статьи и опубликовать их, однако в то время как текстовое поле может сохранять и читать htmlтеги, он не может читать "{}", поэтому, если я напишу <img src={require('/some/image')}/>, он не будет отображаться в React.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...