目前项目中需要上传大文件,浏览器端上传大文件的常用做法就是分片上传,项目前端用的是vue element,服务器用的是golang的开源框架 echo。
上传大文件如果传到一般断掉了,在全部重新上传的话那就太抓狂了,所以不只是分片上传还要断点续传。
前端
既然是vue+element 那肯定就是通过npm + webpack构建的vue 项目了, 什么是 npm ,什么是webpack这里不介绍,网上的介绍很详细。 首先通过npm安装 vue-simple-uploader 安装命令 npm -i vue-simple-uploade r ,vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件,自带 UI,可覆盖、自定义UI,如下图
![f361616a1fcc6fd54fc1effb11c86f7c.png](https://i-blog.csdnimg.cn/blog_migrate/5a40bc25b662525f6c410edb1bc82bc6.jpeg)
具体使用方法
初始化:
import uploader from 'vue-simple-uploader'
Vue.use(uploader)
上传组件
:attrs="attrs"
:options="options"
:file-status-text="statusText"
class="upload