Как настроить окружение на node.js для jquery.fileupload?

Question

[Максим]

Как нужно настраивать окружение на node.js для jquery.fileupload?
Работаю с gulp, пробовал установить blueimp-file-upload-node, потом запустить с помощью ./node_modules/blueimp-file-upload-node/server.js, но ничего не вышло. После запуска ничего не происходит.
Пробовал как с включенным галпом, так и выключенным.
При загрузке файла выдает ошибку 404.

Брал информацию отсюда - https://github.com/blueimp/jQuery-File-Upload/wiki...

Инициализация плагина:

$(function () {
    $("input[type=file]").fileupload({
      url: "http://localhost:3000",
      dataType: "json",
      done: function (e, data) {
        $.each(data.result.files, function (index, file) {
          $("<p/>").text(file.name).appendTo(document.body);
        });
      }
    });
  });

Кодпен

Answer 1

[Илья Герасимов]

окружение nodejs и этот плагин фронт-энда никак не связаны, после выбора файла, загрузка начинается автоматически, и запрос улетает бэкэнду по адресу / (корневому), 404 потому что у вас он никак не обрабатывается (отлавливается),
на бэкэнде настройте маршруты, если экспресс, то как то так

app.post('/', (req, res, next) => {
	// ловим данные, загружаем файл (сохраняем на диск)
});

для удобства загрузки файла можно использовать этот пакет https://github.com/felixge/node-formidable

Comments

[Максим]

Может нужно использовать https://github.com/blueimp/jQuery-File-Upload/blob... ?

[Илья Герасимов]

Максим, это обработчик для php, вам нужен обработчик для nodejs
по хорошему такие вещи пишутся за 30 минут под свои условия, например с тем пакетом что я скинул самый простой обработчик будет выглядеть как-то так:

const upload = (req, res, next) => {
	var form = new formidable.IncomingForm();

	form.parse(req, (err, fields, files) => {
		console.log(files.file.path); // tmp путь полученного файла

		// делаем что нам нужно
		// ...


		// переносим в свою директорию файлов
		fs.rename(files.file.path, "my/public/path", (err) => {
			if (err) return next(err);

			//
			//
		});

	});
}