var qiniuUploader = require('../../libs/qiniuUploader.js');
//獲取七牛云token
getTokenFn = () =>{
this.props.getQiniuyunTokenFn({}).then(res => {
console.log(res);
qiniuData=res;
}).catch((err) => {
})
}
//選擇頭像圖片
chooseAvat = () => {
let that=this;
Taro.chooseImage({
count:1,
sizeType: ['original','compressed'],
sourceType: ['album','camera'],
success(res) {
// tempFilePath可以作為img標簽的src屬性顯示圖片
? ? ? const tempFilePaths = res.tempFilePaths;
that.uploadToQiniu(tempFilePaths[0]);
},
fail(err){
}
})
}
//圖片直接上傳到七牛云,獲取七牛云鏈接
uploadToQiniu=(filePath)=>{
let that=this,photoResultUrl='';
let qiniu_key ='userphoto/'+ Date.parse(new Date()) /1000 +".jpg"; //七牛云上圖片文件夾和圖片名字的命名規(guī)則
wx.uploadFile({
url:'https://up-z0.qiniup.com',//分華北區(qū)赘被,華東區(qū)之類的衰伯,大家自己注意下
? ? name:'file',
filePath: filePath,
formData: {
token:qiniuData.uptoken,
key:qiniu_key
? ? },
success:function(res) {
let data = res.data;
if(typeof data==='string'){
data = JSON.parse(data.trim());//解壓縮
? ? ? ? photoResultUrl=qiniuData.domain+''+data.key +'?imageView2/0/w/110';? //七牛云圖片的高級圖片處理,此處是圖片瘦身墅垮,支持jpg和png
that.changePhoto(photoResultUrl)惕医;//調(diào)用服務(wù)器接口,修改用戶頭像算色。此處不贅述了抬伺。。灾梦。
}
},
fail:function(err) {
console.log(err)
}
});
}
//如果是一次性上傳多張圖片
七牛云上傳會報錯峡钓,error: "file exists"? 因為設(shè)置了key以后,上傳后的圖片同名了若河〗烽梗可以按如下修改
let qiniu_key ='usersuggest/'+ filePath.substr(20,30)+'.jpg';