微信小程序-騰訊雲COS上傳文件

騰訊本身在github上有關於小程序Cos的使用說明.

附上連接:https://github.com/tencentyun/cos-wx-sdk-v5

具體的實現方法很簡單,首先要去上面連接裏下載項目,從demo/lib中找到cos-wx-sdk-v5.js,拖入本身的項目中.若是以前沒有用過cos服務的,要去騰訊雲的官方註冊,建立而且獲取一些值.這些上面連接裏寫的很清楚,按步驟作就行了.

前期準備都作好了以後,就是寫代碼了.下面是github上騰訊官方的代碼:

• 小程序cos上傳
  

下面的方法適合調試使用(將SecretId和SecretKey寫本地)，你們能夠參考，代碼以下

// 開始上傳  startUploadFile: function (mediaType, filePath, callback) {    wx.showLoading({      title: '上傳中...',    })    var Bucket = '你本身建立的Bucket';    var Region = '你本身的Region';    console.log(Bucket, Region);    var that = this;    var cos = new COS({      getAuthorization: function (options, callback) {        // 調試方式        var authorization = COS.getAuthorization({          SecretId: '你本身的SecretId',          SecretKey: '你本身的SecretKey',            Method: options.Method,            Key: options.Key          });          callback(authorization);      }    });    // 生成上傳文件名    var Key = filePath.substr(filePath.lastIndexOf('/') + 1); // 這裏指定上傳的文件名           var dateObj = new Date();           var timestamp = dateObj.getTime();           var nowDate = dateObj.toLocaleDateString();           var formatDate = nowDate.replace(/\//g,"-");  // 格式斜槓日期           console.log(formatDate);           var filename = formatDate + '/' + timestamp + Key;     // 上傳方法    cos.postObject({      Bucket: Bucket,      Region: Region,      Key: filename,      FilePath: filePath,      onProgress: function (info) {
         //上傳進度
         console.log('上傳中：' + info);      }    }, function (err, data) {      wx.hideLoading();      console.log('err'+err);      console.log(JSON.stringify(data));      if (err) {        callback(false); // 上傳失敗的callback      }      if (data) {        callback(true, mediaData); // 上傳成功的callback      }    });  },複製代碼

  真正項目中的上傳方法，區別在authorization的建立方法(使用臨時簽名)，代碼以下：

var getAuthorization = function (options, callback) {   // 後端經過獲取臨時密鑰給到前端，前端計算簽名      that.fetchCosTempKeyInfo((isSuccess,data)=>{        if (isSuccess) {          if (data) {            callback({              TmpSecretId: data.tmpSecretId,              TmpSecretKey: data.tmpSecretKey,              XCosSecurityToken: data.sessionToken,              ExpiredTime: data.expiredTime,            });          } else {            wx.hideLoading();            app.showToast('獲取上傳信息失敗!');            return;          }        } else {          wx.hideLoading();          app.showToast('獲取上傳信息失敗!');          return;        }      })    }    var cos = new COS({      getAuthorization: getAuthorization,    });// 獲取臨時簽名信息  fetchCosTempKeyInfo:function(callback) {     var that = this;    //發起網絡請求獲取臨時簽名信息    //若是獲取成功    callback(true,result.data);    // 若是失敗    callback(false, error);  },複製代碼

結束~