结合阿里云OSS对象存储,实现的公有云网盘(仅供个人学习使用),目前个人自用体验良好。
此为前端项目,前端技术栈:Vue.js 2.0,Element-ui,ali-oss接口。后端项目点此跳转。
- 上传位置与服务器解耦,通过前端直传OSS,不受服务器带宽限制,适合个人或小圈子朋友使用,易于扩展,成本低,体验好。
- 集成腾讯云短信服务,支持手机验证码一键登录,随时随地打开网页即可查看个人文件。
- 上传下载带宽不受低配置服务器带宽限制,上传下载速度最高支持10 Gbit/s,分片上传文件最大支持48.8 TB。
- STS临时令牌认证,保证上传接口安全。
- 集成第三方在线预览服务,支持常规文件单击预览。
- 外链分享、提取码生成、分享统一管理等。
-
已实现功能:
-
文件
- 新建文件夹
- 多级文件夹点击路径跳转
- 上传文件
- 上传文件夹
- 右键菜单
- 在线预览
- 支持主流文件类型,包括office、图片、压缩包、MP4、MP3等等
- 下载
- 获取输出流通过浏览器下载,不限速
- 分享
- 可设置过期时间、生成专属二维码,生成提取码、专属分享页面,专属分享链接
- 他人打开分享界面可在线预览文件或下载
- 收藏
- 可创建新标签、将文件归类到特定标签
- 重命名
- 保险箱
- 首次进入需设置专属密钥激活
- 10分钟内如进入过保险箱,后续进入无需密码
- 文件移入保险箱后只能在保险箱中查看
- 锁定保险箱后再次进入需输入密码
- 查看文件详细信息
- 可查看文件大小、上传时间、路径等具体信息
- 回收站
- 文件移入回收站后不会显示在文件页面
- 可在回收站选择清空或恢复文件,清空后不可恢复
- 在线预览
-
上传
- 上传显示网速与上传进度,通过vue总线实时显示
- 剩余上传任务小圆点实时提示
- 切换标签查看已上传文件,可清空记录
-
收藏夹
- 新建标签
- 右键菜单
- 点击切换标签,实时显示不同标签下文件
-
我的分享
- 统一管理我的分享,显示文件名、文件路径、创建时间、过期时间、分享状态、分享链接、提取码、浏览量、下载量、转存量等信息,分享状态自动判断更新,可快捷再次分享、取消分享、删除分享
-
分享界面
- 提取码提取文件
- 在线预览分享文件
- 不限速直接下载文件
- 转存文件、文件夹
-
保险箱
- 首次进入需设置专属密钥激活
- 10分钟内如进入过保险箱,后续进入无需密码
- 文件移入保险箱后只能在保险箱中查看
- 锁定保险箱后再次进入需输入密码
-
回收站
- 文件移入回收站后不会显示在文件页面
- 可在回收站选择清空或恢复文件,清空后不可恢复
-
用户操作
- 点击头像可进入个人主页
- 点击个人主页头像可修改头像
- 点击昵称可修改昵称
- 可修改手机号(登录账号默认手机号)
- 修改密码