Как вывести изображение в браузер ,использую Js?

Question

[Алексей Кисилёв]

Есть база данных , которая хранит путь к изображению. После с помощью Express js я забираю пути и сохраняю их в массив.После запускаю сервер и хочу вывести данные изображении в брузере.Как это сделать ?

Comments

[r_mustang]

<img src="" />
либо на бэке формировать такой ответ, либо на фронте делать запрос и обрабатывать

[Алексей Кисилёв]

r_mustang, Как мне в этот тег передать переменную ,Которая допустим хранит путь ?

[r_mustang]

const array = ['1.jpg', '2.jpg'] // массив с картинками

app.get('/', function (req, res) {
  const response = array.map(item => `<img src="${item}" />`).join('')
  res.send(response)
})

[Алексей Кисилёв]

r_mustang, Благодарю.Всё получилось

[Алексей Кисилёв]

r_mustang, Такой вопрос: с помощь того решения мы просто отправляем изображение.

А как можно его отправить в составе например html файла ,Чтобы в дальнейшем можно было работать с этим изображением(Банально накладывать стили через сss и.т.д)

Answer 1

[r_mustang]

const array = ['1.jpg', '2.jpg'] // массив с картинками

app.get('/', function (req, res) {
  const response = array.map(item => `<img src="${item}" />`).join('')
  res.send(response)
})

Comments

[Алексей Кисилёв]

Такой вопрос: с помощь того решения мы просто отправляем изображение.

А как можно его отправить в составе например html файла ,Чтобы в дальнейшем можно было работать с этим изображением(Банально накладывать стили через сss и.т.д)

[alex]

Алексей Кисилёв,

мы просто отправляем изображение

нифига не просто. тут строка с хтмл отправляется, не видно чтоле? берете эту строку и вствляете в дом через innerHTML и накладываете стили