基于springboot+vue.js实现的超大文件分片极速上传及流式下载(已开放源码)

FastLoader

介绍

基于springboot+vue.js实现的超大文件分片极速上传及流式下载,支持超大文件断点续传、秒传

软件架构

系统整体采用前后端分离开发,基于OpenJDK11版本:

前端:vue.js+elmentUI

后端:springboot+mybatis

数据库:mysql

工程管理工具:maven

教程

  1. 克隆工程代码

    fastloader目录为后台SpringBoot工程

    fastloader-ui为前端Vue工程

  2. 把后台工程resource下sql语句执行到mysql数据库中,并配置application.yml中的数据源

  3. 把工程工程导入到开发工具中,例如eclipse,右键pom.xml文件更新工程所依赖的jar包(建议maven配置阿里库),之后启动springboot工程

  4. 把前端工程导入到开发工具例如vscode中,运行npm install安装依赖包,之后npm run dev启动前端工程

  5. 打开谷歌浏览器,输入http:localhost:80进入系统

使用说明

  1. 点击上传按钮,可选择一个GB级别的文件,进行上传
  2. 点击删除按钮,可以删除已经上传的文件,默认文件目录中不物理删除
  3. 点击上传同一个文件,可实现秒传

界面效果

基于springboot+vue.js实现的超大文件分片极速上传及流式下载(已开放源码)

基于springboot+vue.js实现的超大文件分片极速上传及流式下载(已开放源码)
基于springboot+vue.js实现的超大文件分片极速上传及流式下载(已开放源码)

开源地址

https://gitee.com/luckytuan/fast-loader

附java区块链技术交流QQ群,欢迎进群下载区块链技术资料并学习交流

基于springboot+vue.js实现的超大文件分片极速上传及流式下载(已开放源码)