vue-simple-uploader + springBoot 文件分片上传列队插件

项目描述

一个基于 vue-simple-uploader 组件实现的 文件分片上传队列

vue端暂未实现断点续传 (断点续传可以参考项目中 /demo1.html 自行实现)

jquery实现分片、断点 可参考

实现后端 ，断点续传、分片上传 ... 

运行环境

vue2.9.6+jdk8+tomcat7+IntelliJ IDEA+maven

项目技术(必填)

spring boot+vue

依赖包文件(可选)

vue项目使用 npm install 安装依赖

maven搭建

jar包链接：https://pan.baidu.com/s/15LHPHXCWV45EeRsdFwXPvQ
提取码：7td1

资源包文件(可选)

由于前端vue的代码文件比较大，所以上传到百度网盘

链接：https://pan.baidu.com/s/1ehXO2ZvMNM-_wUTyGFgYlg
提取码：kx18

是否原创(转载必填原文地址)

原创

项目截图(必填)

运行截图(必填)

vue项目启动后打开 http://localhost:8080/#/demo

springboot 项目启动后打开 http://localhost:8089/demo1.html

注意事项(可选)

1.子组件 ： vue\src\views\upload\globalUploader.vue

父组件：  vue\src\views\demo\demo.vue

vue项目只实现了 分片的功能 ，如需要断点续传功能 ，需要在 函数 checkChunkUploadedByResponse 里面自行实现文件MD5唯一性 ，将MD5传入后端，获取当前文件已经上传的分片数，前端自动过滤已上传分片

2.如果运行出现如下错误：

可以执行npm rebuild node-sass后在npm run dev