小程式對接七牛雲儲存

準備工作：

b、需要乙個上傳令牌token，乙個檔案上傳對應乙個token，這是必須的。上傳令牌token還有時效性，後端配置1h，足以讓你完成上傳操作就行。這個token由我們自己後端生成，前端調介面獲取token，或者像我這樣，直接把介面丟在[uptokenurl]後面，七牛的會自己去取。也可以由我們自己先得到token，再丟給七牛。

1 uptokenurl:'',

2 3 uploadurl:'',//華東

1 uptoken: token,uploadurl:'',//華東

通過小程式的方法，為使用者提供新增本地，或者拍照，之後你會得到方法返回的臨時路徑。我們可以把維護在乙個陣列裡，這樣在上傳七牛時，以佇列的形式上傳。

1 constqiniuuploader = require("../../libs/qiniuuploader.js");
2  3 var sourcetype = [['camera'], ['album'], ['camera','album']];
4  5 var sizetype = [['compressed'], ['original'], ['compressed','original']];
6  7 var imagearray = ;// 點選事件，從本地相簿選擇或使用相機拍照。
8  9 chooseimage: function (e) )
32 33 　　that.pictureuploadqiniumethod(imagearray,"tupian_");
34 35 　　},
36 37 })
38 39 },
40 41 //得到路徑陣列後，準備上傳七牛
42 43 pictureuploadqiniumethod: function (imagearray, filehead),
60 61 (error) => ,
66 67 );
76 77 }
78 79 },

紅線框內的這塊**，是七牛qiniuuploader.js檔案裡的，我加了乙個if判斷，為了防止雖然上傳成功，但沒有返回data，這樣在**112行獲取返回data時，不至於直接報錯。

解釋:：

imgname：自定義上傳七牛檔名，前端處理嘛，我就簡單的通過擷取臨時路徑（filepath ）的30-50位字元作為儲存到七牛的檔名，即使你新增了兩張相同的，小程式給你的臨時路徑也是不一樣的，所以不會存在重名情況。

uploadurl：上傳到七牛的那個儲存區域，上傳區域和上傳區域**一定要對應上。

region：上傳區域**。

shoulduseqiniufilename:表示是否由七牛來定義上傳檔名，如果是 true，則檔案 key 由 qiniu 伺服器分配 (全域性去重)。預設是 false，也就是我們自己來定義。如果key設定了，優先順序最高。

七牛儲存區域表:

這樣，在需要上傳頁面呼叫七牛的qiniuuploader.js，就可以上傳了。

②上傳檔案格式在後端沒有被允許。

③token獲取失敗，比如我遇到的，七牛的qiniuuploader.js檔案通過介面獲取token，預設是這樣[var token = res.data.token;]，而我們後端介面返回的token是這樣

所以我需要在七牛的js檔案裡修改為[var token = res.data.extra;],要麼讓後端改。

2 3 choosevideo: function (res) );

24 25　　　　//使用者尋選擇好後，呼叫上傳方法

27 　　　　that.shipinuploadqiniumethod(shipinfile,"shipin_");

28 29 　　　　}

30 31 　　})

32 33 },

34 36

37 shipinuploadqiniumethod: function (shipinfile, filehead),

48 49 　　(error) => ,

56 57 　　);

66 67 　　}

68 69 },

正常上傳時，能正常返回data，並且狀態碼是200

後端配置silk格式允許，這樣應該是沒問題的。

這裡是小程式對接七牛雲儲存的官方文件：

小程式對接七牛雲儲存

對接七牛雲 web專案

七牛雲儲存

七牛雲儲存資源

小程式對接七牛雲儲存

對接七牛雲 web專案

七牛雲儲存

七牛雲儲存資源

相關推薦