Как nodejs прочитать данные, которые пришли с клиента посредством formdat?

Question

[Алексей Костюхин]

Как правильно прочитать данные, а главное откуда в nodejs (фреймворк Express), которые приходят от клиента?
если эти данные какие-нибудь json, то все просто. Все то, что мне нужно находится на req.body, а если я использую formdata и вкладываю, к примеру, картинку в бинарном формате?

Вот код клиента (react)

async function onSubmit() {
    const fileFormData = new FormData();
    fileFormData.append('file', file, file.name);
    fileFormData.append('name', 'TEST_NAME');

    const result = await Execute('file/upload', {
      method: 'POST',
      body: fileFormData,
      headers: {
        'CRU-Authorization': localStorage.getItem('login') || '',
        'auth_token': localStorage.getItem('auth_token') || '',
      }
    });
    console.log(result);
  }

Вот код BackEnd

router.post("/upload", async function(request, response) {
console.log(request.body)
});

Answer 1

[lssssssssssl]

https://metanit.com/web/nodejs/10.1.php
https://github.com/expressjs/multer

Comments

[Алексей Костюхин]

Спасибо огромное. Получилось как всегда - ответ был на поверхности!

Answer 2

[Alex_mos]

Смотря что нужно делать с картинкой. Можно добавить функцию обработчик, которая будет работать с картинкой. Например как предложили выше, в помощью multerjs из бинарного обратно в файл.

Comments

[Алексей Костюхин]

я хочу записать картинку в банирном формате в базу данных postgresql

[Alex_mos]

Алексей Костюхин, я как то тоже задавался таким вопросом и посоветовали в бд хранить только путь до картинки а саму картинку в папке на хостинге.
Наверное такой вариант будет меньше занимать память в бд в отличии от хранения бинарного формата.

[Алексей Костюхин]

Alex_mos, Ага, я в курсе, что ваш вариант оптимальной, но у меня есть план и я его придерживаюсь

Answer 3

[Алексей Костюхин]

ВНИМАНИЕ. Решение для тех, кто хочет использовать минимум библиотек!

1. Если в nodejs Вы используется Express, то ставим библиотеку от express
npm -i express-fileupload
2. Регестрируем ее в головном файле app.js (index.js)

var fileUpload = require('express-fileupload');
app.use(fileUpload());

3. В Роутинге получаем файл:

router.post("/upload", async function(req, res) {
  //Получаем файлы с клиента
  const file = req.files
}