vue 使用el-upload 上傳oss云存儲

1.前提條件

已開通阿里云對象存儲OSS服務(wù)。
已創(chuàng)建RAM用戶的AccessKey ID和AccessKey Secret。
由于云賬號AccessKey擁有所有API的訪問權(quán)限,建議使用RAM用戶的AccessKey。如果部署在服務(wù)端,請使用RAM或STS的方式進(jìn)行API訪問或日常運(yùn)維管控操作;如果部署在客戶端,請使用STS方式進(jìn)行API訪問

2. 安裝依賴包

  npm install ali-oss --save

3. 配置

OSS(options)中的各個配置項說明如下:
[accessKeyId] {String}:通過阿里云控制臺創(chuàng)建的AccessKey。
[accessKeySecret] {String}:通過阿里云控制臺創(chuàng)建的AccessSecret。
[stsToken] {String}:使用臨時授權(quán)方式,詳情請參見使用 STS 進(jìn)行臨時授權(quán)
[bucket] {String}:通過控制臺或PutBucket創(chuàng)建的bucket。
[endpoint] {String}:OSS域名。
[region] {String}:bucket所在的區(qū)域, 默認(rèn)oss-cn-hangzhou。
[internal] {Boolean}:是否使用阿里云內(nèi)網(wǎng)訪問,默認(rèn)false。比如通過ECS訪問OSS,則設(shè)置為true,采用internal的endpoint可節(jié)約費(fèi)用。
[cname] {Boolean}:是否支持上傳自定義域名,默認(rèn)false。如果cname為true,endpoint傳入自定義域名時,自定義域名需要先同bucket進(jìn)行綁定。
[isRequestPay] {Boolean}:bucket是否開啟請求者付費(fèi)模式,默認(rèn)false。具體可查看請求者付費(fèi)模式。
[secure] {Boolean}:(secure: true)則使用HTTPS,(secure: false)則使用HTTP,詳情請查看常見問題
[timeout] {String|Number}:超時時間,默認(rèn)60s。

// 創(chuàng)建一個工具文件 aliOss.js
var oss = require('ali-oss');

var store = oss({
  accessKeyId: 'your access key',
  accessKeySecret: 'your access secret',
  bucket: 'your bucket name',
  region: 'oss-cn-hangzhou'
});
image.png

分片上傳

OSS提供的分片上傳(Multipart Upload)功能,將要上傳的較大文件(Object)分成多個數(shù)據(jù)塊(Part)來分別上傳,上傳完成后再調(diào)用CompleteMultipartUpload接口將這些Part組合成一個Object來達(dá)到斷點續(xù)傳的效果。

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容