微信小程序-腾讯云COS上传文件

腾讯本身在github上有关于小程序Cos的使用说明.前端

附上连接:https://github.com/tencentyun/cos-wx-sdk-v5git

具体的实现方法很简单,首先要去上面连接里下载项目,从demo/lib中找到cos-wx-sdk-v5.js,拖入本身的项目中.若是以前没有用过cos服务的,要去腾讯云的官方注册,建立而且获取一些值.这些上面连接里写的很清楚,按步骤作就行了.github

前期准备都作好了以后,就是写代码了.下面是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的建立方法(使用临时签名),代码以下:bash

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);  },复制代码


结束~
相关文章
相关标签/搜索