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

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

相关推荐
you45807 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai7 小时前
虚拟 DOM
前端·javascript·vue.js
初一初十8 小时前
vue3实现的纯前端护肤品商城网站
前端·javascript·vue.js·前端框架
郑洁文8 小时前
基于SpringBoot的商品仓库管理系统的设计与实现
java·spring boot·后端·仓库管理系统·商品仓库管理系统
初一初十9 小时前
vue3茶叶商城网站vue网页vuejs前端
前端·javascript·vue.js·vscode·前端框架
x***r15110 小时前
Redis Desktop Manager 0.8.8 安装教程(Windows redis-desktop-manager-0.8.8.384详细步骤)
数据库·windows·redis
小亮学前端10 小时前
在1Panel中部署Nuxt项目
前端·vue.js
用户8417948145610 小时前
vxe-table 虚拟滚动下自定义行高:支持每行独立高度与自适应
vue.js
无涯大者11 小时前
Redis 实现页面缓存、购物车、登录 token示例、点赞 / 阅读计数,排行榜 示例
redis·缓存
如果超人不会飞11 小时前
TinyVue 组件库实战指南:从安装到上手一篇就够了
vue.js