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,})
}
})
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。