简要的几行代码如下:

1:像服务器请求上传token 上传token 也可以前端生成,研究了好久 太麻烦了 还是后台生成吧 ,毕竟有现成的SDK

  //获取上传token
  getToken: function(filePath,picName) {
    var that = this
    var rUrl = app.UrlConfig.GET_TOKEN + "bucket_name=chenxu" + "&file_key=picName"
    wx.request({
      url: rUrl,
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function(res) {
        console.log(res.data)
        app.hideLoading();
        that.updateImg(filePath, res.data);
      },
      fail: function(res) {
        app.hideLoading();
      }
    })
  },

2:上传图片到七牛云

  //上传图片到七牛
  updateImg: function(filePath, uptoken) {
    var that = this
    qiniuUploader.upload(filePath, (res) => {
      console.log(res);
      // that.setData({
      //   headImg: res.imageURL,
      // });
    }, (error) => {
      console.log('error: ' + error);
    }, {
      key: pciName,
      region: 'NCN',
      uptoken: uptoken,
      uploadURL: 'https://up-z1.qbox.me',
      domain: 'xxxxxxxxx.bkt.clouddn.com',
    });

  },

字段简要说明

key: picName 要和生成上传token是传的picName是一个样的不然会报错

region:区域代码

uploadURL:区域下载url

uptoken:上传token,由上一步像服务器请求生成的。

domain:域名

 

posted on 2018-07-23 14:39  青年程序猿  阅读(1716)  评论(0编辑  收藏  举报