小程序使用七牛网
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);
});
}
})
}
})