Repolode
提交项目
vikiboss

vikiboss/r2-web

一款纯浏览器端的 Cloudflare R2 文件管理器，支持分片上传、文件预览和图床式使用。

可替代:Cyberduck

在 GitHub 查看官网
Star
484
Fork
97
未关闭 Issue
0
最近提交
上个月

这是什么？

R2 Web 是一款面向 Cloudflare R2 对象存储的 Web 文件管理器，所有操作都在浏览器中完成。页面直接调用 R2 的 S3 API，文件和凭证不经过第三方后端，凭证仅保存在浏览器 localStorage 中。

界面支持分页浏览目录、懒加载缩略图、按名称、日期和大小排序，并可批量复制、移动、删除和重命名。大文件会自动分片并发上传，支持暂停与继续，显示实时速度和进度，单文件上限为 1 TiB。此外还支持拖拽和粘贴上传、文件名模板，以及在本地通过 WebAssembly 压缩 JPEG、PNG、WebP 和 AVIF 图片。

项目是没有构建步骤的静态站点，部署 src 目录即可，可用于 Vercel、Netlify、Cloudflare Pages 或本地运行。它还支持 PWA、深色模式和多种界面语言。

核心功能

  • 01浏览器直连 R2 S3 API，无中间服务器
  • 02分片并发上传，支持暂停、继续与进度显示
  • 03批量复制、移动、重命名和递归删除
  • 04文件名模板支持哈希、日期、时间戳和 UUID
  • 05本地 WebAssembly 图片压缩，可选 Tinify
  • 06分享支持直链、二维码、Markdown 和 HTML 格式

适用场景

  • 无需安装桌面客户端，即可管理 R2 桶中的大量文件
  • 将 R2 用作个人图床，自动压缩图片并生成 Markdown 链接
  • 为单个 R2 桶私有部署一个自建文件管理界面

快速上手

  1. 1

    在 Cloudflare 控制台配置 R2 桶的 CORS 策略

  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

使用前须知

  • 使用前需要配置 R2 桶的 CORS 并创建 R2 API Token。
  • 选择 Tinify 压缩时，图片会发送到第三方服务。
  • 单个文件上限为 1 TiB，且不支持 IE 等旧版浏览器。

标签

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

常见问题

r2-web 是什么？
一款纯浏览器端的 Cloudflare R2 文件管理器，支持分片上传、文件预览和图床式使用。 R2 Web 是一款面向 Cloudflare R2 对象存储的 Web 文件管理器，所有操作都在浏览器中完成。页面直接调用 R2 的 S3 API，文件和凭证不经过第三方后端，凭证仅保存在浏览器 localStorage 中。
r2-web 可以免费使用吗？用的什么许可证？
r2-web 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
r2-web 还在维护吗？
半年内有更新。r2-web 最近一次提交是在 2026年9月15日。
r2-web 适合用来做什么？
无需安装桌面客户端，即可管理 R2 桶中的大量文件 将 R2 用作个人图床，自动压缩图片并生成 Markdown 链接 为单个 R2 桶私有部署一个自建文件管理界面
r2-web 怎么安装和运行？
在 Cloudflare 控制台配置 R2 桶的 CORS 策略 创建限定目标桶的 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

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目