vue使用七牛上傳檔案

2021-10-23 15:28:59 字數 946 閱讀 6524

npm install qiniu-js -

s

在需要用到的元件引入
import

*as qiniu from

"qiniu-js"

;

因為上傳七牛需要uptoken,這個找後端要就行了,下面**中的 getqiniutoken() 是我封裝的獲取七牛uptoken的方法,這裡自行修改為你自己的。
function

upload

(file)

;var putextra =

, mimetype:

||null

// ...config,};

var observable = qiniu.

upload

(file, key, uptoken, putextra, config)

; observable.

subscribe(,

error:

(err)

=>

, complete:

(result)

=>,}

);})

;})}

qiniu.region.z0: 代表華東區域

qiniu.region.z1: 代表華北區域

qiniu.region.z2: 代表華南區域

qiniu.region.na0: 代表北美區域

qiniu.region.as0: 代表新加坡區域

上傳成功後返回的資訊如下

一次傳多個檔案我是採用的for迴圈呼叫此方法,貌似七牛不支援一次傳多檔案。

vue上傳檔案到七牛雲

vue 中上傳檔案到七牛雲 關鍵點 1.獲取後台返回的token 2.qiniu.upload file blob,key string,token string,putextra object,config object 查詢這裡面存在的幾個配引數 3.編寫上傳的幾個步驟 const observ...

使用七牛雲進行檔案上傳

七牛雲上傳 qiniu id intg6lyqg1cklwrg1lb9d5uc9siwnr3jn 4yf3c2 qiniu secret12 zbvfwg ac3jat7 zsgzaqv3plsalilkuxv2gfxi6 utils baseview.py utils baseview.py fr...

七牛雲上傳檔案之表單上傳檔案

本人愚鈍,七牛雲上傳檔案的開發說明文件看了好久才搞懂,才能完成乙個例項跑起來。現在做一下總結。1.註冊七牛,新建乙個bucket,並獲得ak,sk這個不用說了。不涉及到程式編碼,重點講一下編碼的流程。這個在後台滑鼠點點就可以操作完成。2.建立表單 1是action檔案上傳位址,2是token上傳檔案...