1.首先下载七牛云.js 在需要上传图片的js中文件中引入
const qiniuUploader = require("../../../utils/qiniuUploader.js");然后就在onload函数中写请求 跟后段的接口对接
wx.request({ url: app.globalData.urls + "/wxchat/upload/upload_token", method: "POST", header: { "content-type": "application/x-www-form-urlencoded", 'content-type': 'application/json' // 默认值 }, success: res = { console.log(res) const uploadToken = res.data.token this.setData({ uploadToken: uploadToken }) } })3.在微信小程序自带的图片功能中实现图片上传七牛云
album: function() { var _this = this wx.chooseImage({ count: 4, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'], // 可以指定来源是相册还是相机，默认二者都有 success: function(res) { console.log(qiniuUploader) console.log(qiniuUploader.unload) const filepath = res.tempFilePaths[0] console.log(filepath) // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 qiniuUploader.upload(filepath, res = { console.log(res) _this.setData({ //注意这中间有个"/"在这上面耽误了半个小时 tempFilePaths:app.globalData.urlst +"/"+ res.key }) console.log(_this.data.tempFilePaths) }, (error) = { console.log('error' + error) }, { //这里是你所在大区的地址 uploadURL: 'https://up-z1.qbox.me/', domain: 'bzkdlkaf.bkt.clouddn.com',//这里的uptoken是后端返回来的 uptoken: _this.data.uploadToken, }) } }) }
