JSimages

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

功能特点

核心功能

• 🔐 可选的访客验证功能（Basic Auth）
• 🗜️ 可选的图片压缩功能（默认开启，支持前端切换）
• 📦 可选的文件大小限制（默认 10MB，可通过环境变量配置）
• 📁 支持所有文件格式上传（图片、视频、文档等）
• 📤 支持多文件上传、拖拽上传和粘贴上传（Ctrl+V）

管理功能

• 📋 支持查看本地历史记录
• 🖼️ 图库管理界面，支持批量操作
• 🗑️ 支持批量删除文件（同步删除 R2 存储和数据库记录）
• ⏰ 显示文件上传时间
• 📋 支持多种格式复制链接（URL、BBCode、Markdown）

性能优化

• ⚡ Cloudflare Cache API 缓存支持
• 🎨 懒加载和骨架屏优化
• 🌅 Bing 每日壁纸背景（自动轮播）
• 📱 响应式设计，支持移动端

更新日志

最近更新: 2026-01-21

• 使用Claude Opus 4.5更新代码

历史更新记录

2026-01-21

• 使用Claude Opus 4.5更新代码

2025-08-24

• 修复cdn.bytedance.com下线导致的页面加载异常的问题

2025-08-07

• 修复主页背景图片无法加载的问题

2024-12-18

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

2024-12-17

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

2024-12-16

• 同步删除 R2 储存的图片
• 修改自 0-RTT/telegraph

部署步骤

⚠️虽然项目的代码使用了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 & Pages → D1 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 → 忽略缓存控制标头，使用此 TTL → 30天（根据需要设置）
5. 点击 部署

开源协议

MIT License

鸣谢

• Cloudflare