Загрузка нескольких файлов на сервер в ExpressJS

0

Загрузка нескольких файлов на сервер в ExpressJS

Продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в ExpressJS. В данной статье мы рассмотрим как загрузить сразу несколько файлов на сервере в NodeJS.

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


app.post('/upload/photos', async (req, res) => {

  const basePath = './uploads/images/'; // папка,в которую будут попадать загруженные изображения
  const publicPrefix = '/images/'; // путь, по которому будут открываться изображения в браузере

  // расширения файлов, которые можно загрузить на сервер
  const allowedExtension = ['png', 'jpg', 'webp', 'gif'];

  try {
    // если в запросе для загрузки нет файлов, то возвращаем ответ с сообщением
    if (!req.files) {
      res.send({
        status: false,
        message: 'Вы не выбрали файлы для загрузки на сервер'
      });
    }
    else {
      const data = [];

      if (!req.files.uploadedPhotos) {
        res.send({
          status: false,
          message: 'Неправильный запрос. Список файлов должен быть представлен списком uploadedPhotos'
        });

        return;
      }

      // проходимся по массиву файлов, пришедших от клиента
      for (const key in req.files.uploadedPhotos) {
        const file = req.files.uploadedPhotos[key];

        // расширение файла
        const extension = file.name.substring(file.name.lastIndexOf('.') + 1);

        // проверяем тип файл по списку разрешенных
        if (!allowedExtension.includes(extension)) {
          delete file.data;

          res.send({
            status: false,
            message: `Файлы данного типа ${extension} нельзя загружать на сервер`,
            file
          });

          return;
        }

        // перемещаем файл в папку для загруженных картинок
        file.mv(basePath + file.md5 + '.' + extension);

        // заполняем массив с данными по каждому файлу
        data.push({
          name: publicPrefix + file.md5 + '.' + extension,
          oldName: file.name,
          extension,
          mimetype: file.mimetype,
          size: file.size
        });
      }

      // отправляем сообщение клиенту (браузеру, например)
      res.send({
        status: true,
        message: 'Все файлы загружены',
        data
      });
    }
  } catch (err) {
    console.log(err);
    res.status(500).send(err);
  }
});

Тестирование приложения

Теперь необходимо выполнить следующую команду в терминале из корневого каталога проекта, чтобы запустить приложение:

$ node index.js 

Эта команда запустит приложение на 5000-ом порте.

Далее показан пример тестирования данного API в программе Insomnia:

Загрузка нескольких файлов на сервер в ExpressJS

А чтобы сделать загруженные файлы общедоступными для пользователей Интернета, необходимо сделать каталог uploads статичным:

app.use('/images', express.static(__dirname + '/uploads/images'));

Теперь вы можете открыть загруженный файл непосредственно в браузере:

http://localhost:5000/images/274d66598b1944d30ee69e0b92234c1b.png

Ограничение на размер файла

Если необходимо ограничить размер файлов, загружаемых на сервер, то необходимо использовать параметр limits при конфигурировании мидлвара:

app.use(fileUpload({
    createParentPath: true,
    limits: { 
        fileSize: 5 * 1024 * 1024 * 1024 // 5MB - максимальный размер загружаемого файла
    },
}));

Таким образом, мы узнали, как загрузить один или несколько файлов в ExpressJS с помощью библиотеки express-fileupload, которое представляет собой простое в использовании промежуточное программное обеспечение для фреймворка ExpressJS.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.