我用 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 改进功能

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

相关推荐
绝美焦栖14 小时前
低版本pdfjs升级
前端·javascript·vue.js
卤蛋fg614 小时前
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法(教程一)
vue.js
xkxnq14 小时前
第二阶段:Vue 组件化开发(第 26天)
前端·javascript·vue.js
小救星小杜、14 小时前
el-form 表格校验 开始和结束时间,时间选择范围
javascript·vue.js·elementui
菜鸟很沉14 小时前
Vue 3 组件双向绑定完全指南:update:modelValue 与 defineModel
前端·javascript·vue.js
ryy102550631914 小时前
Springboot+Mysql 图书管理系统【源码+sql】
spring boot·sql·mysql
枫叶梨花15 小时前
SpringBoot+Vue实现SM4加密传输
spring boot·后端
悟空码字15 小时前
SpringBoot整合MyBatis-Flex保姆级教程,看完就能上手!
java·spring boot·后端
Rrvive15 小时前
Vue3向全局广播数据变化
javascript·vue.js
qq_25005686815 小时前
SpringBoot 引入 smart-doc 接口文档插件
java·spring boot·后端