NBVIL 图床（Cloudflare R2 + Worker 实现）

一个极简图床解决方案，支持拖拽上传、多图上传、自动生成图片链接等，部署于 Cloudflare Worker，使用 R2 作为存储，无需服务器、无需数据库。

✨ 项目特性

• ✅ 免费图床，基于 Cloudflare R2 存储

• ✅ 上传支持多图，格式校验，仅支持常见图片格式

• ✅ 使用 Cloudflare Worker 处理上传、访问逻辑

• ✅ 部署简便，前后端可独立托管，支持绑定自定义域名

• ✅ 极简前端，轻量无依赖，易于修改

  2025.4.30更新

• ✅ UI美化

• ✅ 用户注册与个人信息管理

• ✅ 配置信息加密

🔧 后续计划

• 🔐 用户单独管理内容
• 📁 云盘视图与图片管理界面

📚 教程指南

V1.0版本：

• 📖 文章教程：博客教程
• 🎬 视频教程：
  • B站：B站视频
  • YouTube：YouTube视频

V2.0版本：

• 📖 文章教程：博客教程
• 🎬 视频教程：
  • B站：B站视频
  • YouTube：YouTube视频

🚀 快速开始（仅适用1.0版本）

1. 配置 Cloudflare 环境

• 创建 R2 储存桶，例如：img
• 创建 Worker 服务，绑定 R2 资源
• 绑定
  • R2 存储桶

2. 部署 Worker代码

将 worker.js代码 部署到 Cloudflare Workers

3. 前端部署

项目部署到任意支持静态站点的平台（如 Cloudflare Pages、Vercel、GitHub Pages 等）。

自定义配置 config.js 文件：

window.IMG_BED_CONFIG = {
  apiBaseUrl: "https://your-worker-domain.workers.dev",  //worker访问地址
  maxFiles: 5     //自定义最大上传文件数量                                          
}

💡 支持图片格式

仅支持上传以下图片类型：

• image/jpeg
• image/png
• image/gif
• image/webp

若尝试上传非图片格式（如 mp3、zip）将被拦截。

💬 支持与交流

如果你有任何问题或建议，可以：

• 提交 Issue
• 加入交流群（可在项目页说明）

📝 License

本项目基于 MIT 开源许可，详见 LICENSE 文件。

☕ 赞赏支持

如果你觉得这个项目对你有帮助，可以通过以下方式支持我：

🙏 鸣谢

• Cloudflare - 提供 Worker 和 R2 存储