Repolode
transloadit

transloadit/uppy

Модульный JavaScript-загрузчик файлов для браузеров с возобновляемой загрузкой, выбором файлов из облака, захватом с веб-камеры и готовым интерфейсом Dashboard.

Open source альтернатива:FilestackDropzone

Звёзды
31,061
Форки
2,113
Открытые issues
230
Последний коммит
позавчера

Что это?

Uppy — модульный JavaScript-загрузчик файлов, который можно добавить в веб-приложение для выбора файлов, предварительного просмотра, редактирования метаданных и загрузки. В основе лежит компактная система плагинов: можно сочетать интерфейс, например Dashboard, с источниками файлов (локальный диск, веб-камера, Google Drive, Dropbox, Box, OneDrive, удалённые URL) и местом назначения (Tus, AWS S3 или обычный endpoint XHR).

Для возобновляемой загрузки используется открытый протокол tus: крупные файлы можно догрузить после обрыва сети или сбоя браузера. Для выбора файлов из облачных хранилищ, которому нужны учётные данные на стороне сервера, требуется серверный компонент companion, который можно разместить на собственной инфраструктуре. Uppy также интегрируется с сервисом обработки Transloadit, но работает и без него.

Uppy можно использовать на обычном JavaScript; также поддерживаются React, Vue, Svelte и Angular — доступны готовые компоненты, headless-компоненты и хуки для создания собственного интерфейса.

Ключевые возможности

  • 01Возобновляемая загрузка по протоколу tus, которая продолжается после обрыва сети
  • 02Выбор файлов из Google Drive, Dropbox, Box, OneDrive и по удалённым URL
  • 03Захват фото и видео с веб-камеры в качестве источника файлов
  • 04Интерфейс Dashboard с предпросмотром, индикаторами прогресса и редактором метаданных
  • 05Модульная архитектура плагинов с интеграциями для React, Vue, Svelte и Angular
  • 06Дополнительное восстановление файлов после сбоя браузера с помощью Golden Retriever

Сценарии использования

  • Добавление в веб-приложение надёжной формы загрузки файлов с поддержкой крупных файлов
  • Импорт файлов из облачных хранилищ без предварительного скачивания
  • Прямая загрузка из браузера в AWS S3 или на собственный tus-сервер
  • Создание собственного интерфейса загрузки на основе headless-компонентов или хуков

Быстрый старт

  1. 1

    Установите пакеты core, Dashboard и Tus с помощью npm

    npm install @uppy/core @uppy/dashboard @uppy/tus
  2. 2

    Добавьте таблицу стилей uppy.min.css в элемент head вашей страницы

  3. 3

    Инициализируйте Uppy с плагинами Dashboard и Tus в JavaScript

Что важно знать

  • Для некоторых плагинов источников, например Google Drive, Dropbox и Box, требуется отдельно размещённый сервер Companion.

Темы

Частые вопросы

Что такое uppy?
Модульный JavaScript-загрузчик файлов для браузеров с возобновляемой загрузкой, выбором файлов из облака, захватом с веб-камеры и готовым интерфейсом Dashboard. Uppy — модульный JavaScript-загрузчик файлов, который можно добавить в веб-приложение для выбора файлов, предварительного просмотра, редактирования метаданных и загрузки. В основе лежит компактная система плагинов: можно сочетать интерфейс, например Dashboard, с источниками файлов (локальный диск, веб-камера, Google Drive, Dropbox, Box, OneDrive, удалённые URL) и местом назначения (Tus, AWS S3 или обычный endpoint XHR).
uppy можно использовать бесплатно? Какая у него лицензия?
uppy распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
uppy всё ещё поддерживается?
Активно поддерживается. Последний коммит в uppy — 5 нояб. 2026 г..
Для чего можно использовать uppy?
Добавление в веб-приложение надёжной формы загрузки файлов с поддержкой крупных файлов Импорт файлов из облачных хранилищ без предварительного скачивания Прямая загрузка из браузера в AWS S3 или на собственный tus-сервер Создание собственного интерфейса загрузки на основе headless-компонентов или хуков
Как установить uppy?
Установите пакеты core, Dashboard и Tus с помощью npm: npm install @uppy/core @uppy/dashboard @uppy/tus Добавьте таблицу стилей uppy.min.css в элемент head вашей страницы Инициализируйте Uppy с плагинами Dashboard и Tus в JavaScript
Где скачать uppy?
Исходный код и инструкции по установке — на GitHub: https://github.com/transloadit/uppy

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Эталонный сервер на Go для протокола tus: поддерживает возобновляемую загрузку файлов по HTTP на локальный диск, в Google Cloud Storage или S3.

3,9 тыс.+4 за неделю557GoMITАктивно поддерживаетсяОбновлён позавчера

Самостоятельно размещаемое веб-приложение для обмена файлами через ссылки на скачивание с истечением срока действия и страницы для отправки файлов вам.

1,4 тыс.75ElmGPL-3.0Активно поддерживаетсяОбновлён 10 дней назад

Библиотека React-компонентов для отображения PDF-файлов в приложениях на React: рендерит страницы подобно изображениям и использует PDF.js.

11,2 тыс.+4 за неделю1 тыс.TypeScriptMITАктивно поддерживаетсяОбновлён 10 дней назад