阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)
生活随笔
收集整理的這篇文章主要介紹了
阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
分片上傳(結(jié)合element-ui的upload組件實現(xiàn)自定義上傳)
async uploadFree(content){let data = await this.getOssToken(); //后臺返回的OSS秘鑰等等let client = new OSS({region: data.region,accessKeyId: data.AccessKeyId,accessKeySecret: data.AccessKeySecret,stsToken: data.SecurityToken,bucket: data.bucketName});try {let result = await client.multipartUpload(content.file.name, content.file, {progress: async function (p) {//這是上傳進(jìn)度條content.onProgress({percent: parseInt(p * 100)+'%', returnValue: true });}});return (content.file['response'] = [result].map(curr =>{//on-change回調(diào)的參數(shù)return {code: curr.res.status,name: content.file.name,data: curr.res.requestUrls[0].split('?')[0]}})[0]);} catch (e) {console.log(e)if (e.code === 'ConnectionTimeoutError') {content.onError('視頻上傳超時')throw "視頻上傳超時!";}else{content.onError('視頻上傳失敗')}} }?
官方文檔: 傳送門
?
轉(zhuǎn)載于:https://www.cnblogs.com/guojikun/p/9685143.html
總結(jié)
以上是生活随笔為你收集整理的阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (WPF, MVVM) Event 处理
- 下一篇: 微信好友大揭秘,使用Python抓取朋友