Как передать картинку jpg из Node.js в браузер?

Question

[jtag]

Как передать картинку jpg из Node.js в браузер, и отобразить на странице?

Answer 1

[gleendo]

require("http").createServer((req, res) => {
  if (req.url === "/") {
    res.statusCode = 200;

    res.setHeader("Content-Type", "image/jpeg");

    require("fs").readFile("./image.jpg", (err, image) => {
      res.end(image);
    });
  }
}).listen(3000);

Comments

[jtag]

а как можно отправить 4000 фотографий с сервера на браузер, которые находятся на диске C, потом как то распаковать и вставить в img html. Пытаюсь браузером напрямую, пишет "not allowed to load local resources", типа защита срабатывает.

[Kovalsky]

jtag_, а какие именно условия диктуют такой подход? Было бы интересно знать, потому что тогда проще будет понимать ограничения.

Чаще всего изображения с сервера на браузер отправляются с помощью ссылок, указывающих на эти изображения: "some-domain.com/storage/images/me-and-my-cat.jpg". В вашем случае нельзя задачу свести к этому?

[jtag]

Никита Полевой, я пытался сделать таким образом, отправлял директорию картинки с сервера в браузер, однако браузер блокирует загрузку картинки т.к. она с локального источника.

[Kovalsky]

jtag_, а каким образом можно передать всю директорию? К тому же я никогда не видел, чтоб загрузка картинки блокировалась в виду того, что она на локальном ресурсе, вероятно вы что-то делаете не так.

[gleendo]

jtag_, Как у вас получается протокол file?
Код ваших проб можете показать?

[gleendo]

jtag_, К тому же вы походу пытаетесь загрузить данные которые находятся за пределами директории сервера...Все что вы хотите загружать с сервера, должно находится в корневой директории, но никак не на локальном диске...http-->file не будет работать

[jtag]

когда пробую загрузить с подпапки проекта картинка загружается,

extends layout
block content
    h1= title
    p Welcome to #{title}
    img(src="/images/000102600073.jpg")

при загрузки с диска С, браузер запрещает,

extends layout

block content
  h1= title
  p Welcome to #{title}
  img(src="C:/1/Photo/000102600073.jpg")

как же мне тогда обратиться к диску С?

[gleendo]

jtag_, никак, насколько мне известно нельзя обращаться с http на file.
К тому же, как вы потом будете это все на сервере удаленном хранить? Он же не будет иметь доступа к вашему локальному хранилищу. Все файлы должны быть не дальше чем корень сервера.
Первый вариант правильный. Второй нет

[jtag]

Спасибо, терь прояснилось.

Answer 2

[Alexander]

Поднять простой сервер статики и вуаля - https://www.npmjs.com/package/node-static

Comments

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

А если файлы находятся не в директории проекта ?

[Alexander]

Reshk_0, при создании инстанса node-static указывается директория в виде *nix-пути, думаю достаточно указать путь к нужной папке относительно скрипта:

var file = new static.Server('./public');

Вот вместо ./public и пропишите нужный путь.