準(zhǔn)備
圖片上傳到七牛云,需要兩個準(zhǔn)備條件:
- 在七牛云上有上傳空間,可獲取相應(yīng)的token(這里是后臺接口完成的,前端也可以完成,需要自己申請上報(bào)空間);
- 在小程序相應(yīng)的域名配置中把七牛云的域名配置上去(一開始用錯了,根據(jù)請求返回修改好了,小程序的域名配置一個月只能改五次);
圖片上傳
小程序上傳圖片只有兩個關(guān)鍵API:
wx.chooseImage
wx.uploadFile
在wx.chooseImage調(diào)用成功時,可以獲取到關(guān)于圖片的文件信息,再上傳七牛云
/**
* 圖片改變事件
*/
bindImgChange() {
wx.chooseImage({
count: 1, // 最多可以選擇的圖片張數(shù)
success: res => {
//上傳七牛云
let tempFilePaths = res.tempFilePaths;
this.uploadQiniu(tempFilePaths);
}
});
},
上傳七牛云代碼:
/**
* 圖片上傳七牛云
*/
uploadQiniu(tempFilePaths) {
let token = this.data.token;
var that = this;
wx.uploadFile({
url: 'https://upload-z2.qiniup.com',
name: 'file',
filePath: tempFilePaths[0],
header: {
"Content-Type": "multipart/form-data"
},
formData: {
token: token,
},
success: function(res) {
let data = JSON.parse(res.data)
console.log('qiniu');
console.log(res);
// to do ...
},
fail: function(res) {
console.log(res)
}
});
},
失敗詳情
修改url為:'https://upload-z0.qiniup.com'
成功