Repolode
Предложить
vikiboss

vikiboss/r2-web

Лёгкий файловый менеджер для бакетов Cloudflare R2, работающий прямо в браузере; поддерживает загрузку частями, предпросмотр и функции хостинга изображений.

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

Открыть на GitHubСайт
Звёзды
484
Форки
97
Открытые issues
0
Последний коммит
в прошлом месяце

Что это?

R2 Web — веб-файловый менеджер для объектного хранилища Cloudflare R2. Он полностью работает в браузере: страница напрямую обращается к S3 API R2, поэтому файлы и учётные данные не проходят через сторонний бэкенд. Учётные данные хранятся в localStorage браузера.

Интерфейс поддерживает просмотр каталогов с пагинацией и ленивой загрузкой миниатюр, сортировку, пакетное копирование, перемещение и удаление файлов, а также переименование. Большие файлы разбиваются на части и загружаются параллельно; загрузку можно приостанавливать и возобновлять, отслеживая скорость и прогресс в реальном времени. Ограничение на размер одного файла — 1 TiB. Также поддерживаются загрузка перетаскиванием и вставкой, шаблоны имён файлов и локальное сжатие изображений с помощью WebAssembly для JPEG, PNG, WebP и AVIF.

Проект представляет собой статический сайт без этапа сборки, поэтому каталог src можно развернуть на Vercel, Netlify, Cloudflare Pages или запустить локально. Также доступны поддержка PWA, тёмная тема и несколько языков интерфейса.

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

  • 01Прямое обращение к S3 API R2 из браузера без промежуточного сервера
  • 02Параллельная загрузка файлов частями с возможностью приостановки и возобновления, а также отображением прогресса
  • 03Пакетное копирование, перемещение и переименование, а также рекурсивное удаление
  • 04Шаблоны имён файлов с подстановками для хеша, даты, временной метки и UUID
  • 05Локальное сжатие изображений с помощью WebAssembly и поддержка Tinify в качестве опции
  • 06Предпросмотр и создание ссылок для публикации в виде прямого URL, QR-кода, Markdown или HTML

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

  • Управление большим количеством файлов в бакете R2 без установки десктопного клиента
  • Использование R2 как личного хостинга изображений с автоматическим сжатием и ссылками в формате Markdown
  • Развёртывание приватного файлового менеджера для одного бакета R2 на собственном сервере

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

  1. 1

    Настройте политику CORS для бакета R2 в панели Cloudflare

  2. 2

    Создайте R2 API Token с ограничением доступа целевым бакетом и введите учетные данные на r2.viki.moe

  3. 3

    Клонируйте репозиторий

    git clone https://github.com/vikiboss/r2-web.git
  4. 4

    Установите зависимости и запустите локальную раздачу каталога src

    pnpm install && npx serve src

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

  • Для работы необходимо предварительно настроить CORS бакета R2 и создать R2 API Token.
  • При сжатии изображений через Tinify они отправляются стороннему сервису.
  • Размер одного файла ограничен 1 ТиБ; старые браузеры, например IE, не поддерживаются.

Темы

#cloudflare-r2#file-manager#object-storage#image-hosting#webassembly#pwa#s3#cloudflare#file#html5

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

Что такое r2-web?
Лёгкий файловый менеджер для бакетов Cloudflare R2, работающий прямо в браузере; поддерживает загрузку частями, предпросмотр и функции хостинга изображений. R2 Web — веб-файловый менеджер для объектного хранилища Cloudflare R2. Он полностью работает в браузере: страница напрямую обращается к S3 API R2, поэтому файлы и учётные данные не проходят через сторонний бэкенд. Учётные данные хранятся в localStorage браузера.
r2-web можно использовать бесплатно? Какая у него лицензия?
r2-web распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
r2-web всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в r2-web — 15 сент. 2026 г..
Для чего можно использовать r2-web?
Управление большим количеством файлов в бакете R2 без установки десктопного клиента Использование R2 как личного хостинга изображений с автоматическим сжатием и ссылками в формате Markdown Развёртывание приватного файлового менеджера для одного бакета R2 на собственном сервере
Как установить r2-web?
Настройте политику CORS для бакета R2 в панели Cloudflare Создайте R2 API Token с ограничением доступа целевым бакетом и введите учетные данные на r2.viki.moe Клонируйте репозиторий: git clone https://github.com/vikiboss/r2-web.git Установите зависимости и запустите локальную раздачу каталога src: pnpm install && npx serve src
Где скачать r2-web?
Исходный код и инструкции по установке — на GitHub: https://github.com/vikiboss/r2-web

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

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