阿里雲OSS 服務端簽名後直傳之分片上傳（結合element-ui的upload組件）

分片上傳（結合element-ui的upload組件實現自定義上傳）

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) {//這是上傳進度條
                content.onProgress({percent: parseInt(p * 100)+'%', returnValue: true }); } }); return (content.file['response'] = [result].map(curr =>{//on-change回調的參數
        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('視頻上傳失敗') } } }

 

官方文檔: 傳送門