使用el-upload请求方法的自定义
el-upload请求方法自定义官网的定义
七牛云官方的格式
详情看:七牛云JavaScript SDK
开始
其它的省略,就显示关于上传的部分
<el-upload ... :http-request="uploadHttpRequest" >
uploadHttpRequest(option){
// 开始上传,token从后端获取, key自定义也可从后端获取(key可以说是文件名)
const observable = qiniu.upload(option.file, this.form.key, this.form.token)
this.subscription = observable.subscribe({
// 以下相关代码就是将七牛云的回调函数给el-upload
//让el-upload能够展示进度条(个人理解)
next(res){
option.onProgress({percent: res.total.percent})
},
error(err){
option.onError(err)
},
complete(res){
option.onSuccess(res)
}
})
return this.subscription
},
close(){
this.subscription.unsubscribe() // 取消上传
}