element-ui 自定义上传(阿里云)
使用element-ui 的 el-upload实现自定义上传
·
1.上传组件

2.上传前验证文件类型 => beforeUpload
3.自定义上传 =>时间戳拼接上传阿里云的文件名称 然后去调取端接口获取临时token

4.
let client = new OSS({ accessKeyId, accessKeySecret, stsToken, bucket, secure, region, })
值为接口返回的数据

5. 为了显示跟普通上传一样的进度条以及成功样式 所以得去调onProgress方法以及onSuccess方法
client.multipartUpload(path,file,{
progress:function(p){
option.onProgress({ //触发上传组件的进度条
percent: Math.floor(p * 100)
});
}).then(res=>{
option.onSuccess(result) //触发el-upload组件的onSuccess方法
})

6. 阿里云返回参数后 存入接口,接口返回唯一id

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)