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

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

相关推荐
pas13614 小时前
42-mini-vue 实现 transform 功能
前端·javascript·vue.js
学到头秃的suhian14 小时前
Redis执行
redis
柒.梧.14 小时前
从零搭建SpringBoot+Vue+Netty+WebSocket+WebRTC视频聊天系统
vue.js·spring boot·websocket
爱吃山竹的大肚肚14 小时前
文件上传大小超过服务器限制
java·数据库·spring boot·mysql·spring
编程彩机14 小时前
互联网大厂Java面试:从Spring Boot到分布式事务的技术场景解析
spring boot·kafka·分布式事务·微服务架构·java面试·技术解析
毕设源码-钟学长14 小时前
【开题答辩全过程】以 基于node.js vue的点餐系统的设计与实现为例,包含答辩的问题和答案
前端·vue.js·node.js
小白路过14 小时前
记录vue-cli-service serve启动本地服务卡住问题
前端·javascript·vue.js
独断万古他化14 小时前
【SSM开发实战:博客系统】(二)JWT 登录流程、拦截器实现和用户信息接口落地
spring boot·spring·mybatis·博客系统·项目
1104.北光c°14 小时前
【黑马点评项目笔记 | 优惠券秒杀篇】构建高并发秒杀系统
java·开发语言·数据库·redis·笔记·spring·nosql
是阿楷啊15 小时前
Java求职面试实录:互联网大厂场景技术点解析
java·redis·websocket·spring·互联网·大厂面试·支付系统