小程序使用七牛网

小程序使用七牛网

1、在七牛网下载sdk
2、将qiniuUploader.js放在项目某目录下
3、在所需页面引入

const qiniuUploader = require("../../config/qiniuUploader");

4、初始化配置七牛网qiniuUploader的option

function initQiniu() {
  var options = {
    region: 'ECN', // 华北区
    uptokenURL: 'https://yourServerAddress/api/Qiniu/get_qiniu_token',
    // uptoken: this.data.uptoken,
  };
  qiniuUploader.init(options);
}

5、上传图片示例

const app = getApp()
const https = require('../../config/https.js')
const qiniuUploader = require("../../config/qiniuUploader");
function initQiniu() {
  var options = {
    region: 'ECN', // 华北区
    uptokenURL: 'https://yourServerAddress/api/Qiniu/get_qiniu_token',
    // uptoken: this.data.uptoken,
  };
  qiniuUploader.init(options);
}
Page({
	data: {},
	chooseImage: function () {
    var that = this;
    // 选择图片
    wx.chooseImage({
      count: 1,
      sourceType: ['album', 'camera'],
      success: function (res) {
        var filePath = res.tempFilePaths[0];
        initQiniu()//初始化
        qiniuUploader.upload(filePath, (res) => {
          let imageURL = res.imageURL
          https._editMyProfile({
            token: app.globalData.token,
            avatar: res.imageURL
          }).then(res => {
            if (res.code == 1) {
              wx.showToast({
                title: '修改成功'
              })
              that.setData({
                avatar: 'http://yourServerAddress/' + imageURL
              })
              let userInfo = wx.getStorageSync('userInfo')
              userInfo.avatar = that.data.avatar
              wx.setStorageSync('userInfo', userInfo)

            } else {
              let msg = res.msg
              wx.showToast({
                title: msg,
                icon: 'none'
              })
            }
          })
        }, (error) => {
          console.log('error: ' + error);
        });
      }
    })
  }
})