Skip to content
forked from 0-RTT/JSimages

基于 Cloudflare R2 储存的图床/视频床服务

License

Notifications You must be signed in to change notification settings

855555/JSimages

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

介绍

基于 Cloudflare R2 储存的图床/视频床/文件床服务

功能特点

  • 可选的访客验证功能
  • 可选的图片压缩功能(默认开启)
  • 可选的文件大小限制(默认 10MB)
  • 支持查看本地历史记录
  • 支持所有文件格式上传
  • 支持多文件上传和粘贴上传
  • 支持批量操作和显示上传时间
  • Cloudflare Cache API 缓存支持
  • 基于 Cloudflare R2 的文件存储

更新日志

最近更新: 2024-12-18

  • 更新管理界面样式
  • 移除前端的文件类型和文件大小限制
  • 通过环境变量控制上传文件的大小
历史更新记录

2024-12-18

  • 更新管理界面样式
  • 移除前端的文件类型和文件大小限制
  • 通过环境变量控制上传文件的大小

2024-12-17

  • 前端新增一个压缩按钮,用于控制压缩功能,默认状态为开启

2024-12-16

部署步骤

⚠️虽然项目的代码使用了Worker的缓存API,但还是建议配置好边缘 TTL 并开启访客验证,防止被刷导致扣费!

1. 变量说明

需要在 Cloudflare Workers 中配置以下变量:

变量名 说明 必填 示例
DOMAIN 自定义域名 example.workers.dev
DATABASE D1 数据库绑定变量名称 DATABASE
USERNAME 管理员用户名 admin
PASSWORD 管理员密码 password123
ADMIN_PATH 管理后台路径 admin
R2_BUCKET R2 存储桶名称 R2_BUCKET
ENABLE_AUTH 访客验证(设置为 true 开启,不设置或设置为 false 则关闭) false
MAX_SIZE_MB 单文件最大支持大小(单位:MB,默认值为 10) 10

2. 创建 R2 存储桶

  1. 登录 Cloudflare Dashboard
  2. 进入 R2对象储存创建存储桶
  3. 设置存储桶名称和区域
  4. 保存存储桶的名称以便后续使用

3. 创建 D1 数据库

  1. 登录 Cloudflare Dashboard
  2. 进入 Workers & PagesD1 SQL 数据库
  3. 点击 创建 创建数据库
    • 数据库名称可自定义,例如 images
    • 建议选择数据库位置为 亚太地区,可以获得更好的访问速度
  4. 创建数据表:
    • 点击数据库名称进入详情页
    • 选择 控制台 标签
    • 执行以下 SQL 语句:
CREATE TABLE media (
    url TEXT PRIMARY KEY
);

4. 创建 Worker

  1. 进入 Workers & Pages
  2. 点击 创建
  3. 选择 创建 Worker
  4. 为 Worker 设置一个名称
  5. 点击 部署 创建 Worker
  6. 点击继续处理项目

5. 配置变量和机密

  1. 在 Worker 的 设置变量和机密
  2. 点击 添加 添加以下变量
    • DOMAIN
    • USERNAME
    • PASSWORD
    • ADMIN_PATH
    • ENABLE_AUTH(可选)
    • MAX_SIZE_MB(可选)
  3. 点击 部署

6. 绑定 D1 数据库和 R2 储存

  1. 在 Worker 设置页面找到 设置绑定
  2. 点击 添加 添加以下变量
    • DATABASE
    • R2_BUCKET
  3. 点击 部署

7. 绑定域名

  1. 在 Worker 的 设置域和路由
  2. 点击 添加自定义域
  3. 输入你在 Cloudflare 绑定的域名
  4. 点击 添加域
  5. 等待域名生效

8. 部署代码

  1. 进入 Worker 的编辑页面
  2. _worker.js 的完整代码复制粘贴到编辑器中
  3. 点击 部署

9. 配置缓存

  1. 进入 Cloudflare Dashboard
  2. 进入 网站选择你的自定义域名缓存Cache Rules创建缓存规则
  3. 选择 缓存所有内容模板
  4. 设置 边缘 TTL忽略缓存控制标头,使用此 TTL30天(根据需要设置)
  5. 点击 部署

开源协议

MIT License

鸣谢

About

基于 Cloudflare R2 储存的图床/视频床服务

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%