我用 Vue + SpringBoot + Redis 写了个「文件快取柜」

✨ 项目亮点

  • 🔐 取件码机制:上传后生成 6 位取件码,接收方输入即可下载,下载后文件立即失效
  • ⏳ 自动清理:文件最长保留 7 天,过期自动删除,节省存储空间
  • 🚀 高效快速:基于 Redis 缓存临时信息,文件存储采用本地或云存储
  • 🧑‍💻 前后端分离:Vue3 + SpringBoot,接口清晰,易于二次开发
  • 📱 完全匿名:无需注册登录,即传即走,保护隐私

🖼️ 界面预览(部分截图)

上传页面

🛠️ 技术栈

前端:Vue3 + Axios

后端:SpringBoot + Spring Security(可选)

缓存与存储:Redis + 本地存储(可扩展至OSS/S3)

部署:jar + Nginx

📦 功能列表

文件上传,生成唯一取件码

取件码输入提取文件,支持一次性下载

文件过期自动清理机制

上传历史记录查看与管理

支持拖拽上传、多文件格式

🧠 项目初衷

在日常工作和生活中,我们常常遇到这样几个痛点:

临时文件分享麻烦

比如想发一个文件给同事,用网盘要登录、要下载客户端,对方下载还可能限速。我们只是想"传完即走",不需要长期存储。

隐私文件不想留痕

比如去打印店打印简历或合同,用U盘怕中毒,用微信传又怕文件留在打印店电脑上。希望能"打印完即销毁"。

单向收文件场景缺失

比如老师收作业、活动收集材料,传统方式是建群或发邮箱,文件散乱难管理,还涉及隐私泄露风险。

📂 开源地址

项目已在 GitHub 开源,欢迎 Star ⭐、Fork 和 PR!

https://github.com/Jarrettluo/quick-box-web

https://github.com/Jarrettluo/quick-box-server

🧱 技术难点解析

1. 大文件分片上传

  • 为了支持超大文件(如视频、设计稿)上传,我实现了 前端分片 + 后端合并 机制:

  • 前端将文件切分为多个片段(如 5MB/片)

  • 并行上传分片,提升上传稳定性与速度

  • 后端接收后按顺序合并为原文件,保证完整性

2. 取件码生成与时效管理

  • 取件码采用 6位字母数字组合,具备唯一性与易读性

  • 使用 Redis 存储取件码与文件映射,设置 7 天自动过期

  • 下载后立即删除 Redis 记录,实现"一次下载即失效"

3. 后续扩展规划(欢迎参与!)

  • 短信验证码提取:增加安全层,防止取件码泄露风险

  • 文件夹上传与打包下载:支持批量文件处理

  • 对象存储接入:可对接阿里云OSS、腾讯云COS等,扩展存储能力

  • API 开放接口:方便第三方系统集成

🤝 参与贡献

  • 如果你对这个项目感兴趣,欢迎:

  • 提交 Issue 反馈问题

  • 发起 Pull Request 改进功能

  • 分享使用体验或部署教程

相关推荐
濮水大叔19 小时前
函数式与对象式:前端架构的两种成本曲线
vue.js·react.js·函数式编程
专业程序开发源19 小时前
springboot欧缇蔓月子中心管理系统82697-计算机课程设计、毕业设计
java·spring boot·后端·python·spring·django·课程设计
莫逸风19 小时前
【毕设源码二期01】校园失物招领系统:从发布线索到核验交接
spring boot·毕业设计·课程设计·react
vx_Biye_Design20 小时前
django房屋租赁推荐系统78455-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·django·课程设计·express
林恒smileZAZ21 小时前
浏览器为什么加载不了超大图片
前端·vue.js·html5
Thomas.Sir1 天前
第2课:SpringBoot4.x 项目构建:Maven/Gradle配置详解,父工程与依赖管理
java·spring boot
夕除1 天前
redis--数据类型 string list
redis
一条泥憨鱼1 天前
【Redis | 黑马点评】分布式锁;Lua脚本;Redisson与看门狗 |源码万字详解
redis·分布式·lua
stark张宇1 天前
库存扣减的“锁”事:悲观锁、乐观锁、分布式锁
redis·分布式·mysql
Java后端的Ai之路1 天前
前端技术Vue-13-安装webpack与vuejs
前端·vue.js·webpack