wxml中:
<button type="primary" bindtap="btnImage">上传图片</button>
js中:
btnImage(){
wx.chooseImage({
//添加一张图片
count: 1,
//在电脑上只会直接弹出选择图片,没有拍照功能
sourceType:['album','camera'],
success:(res=>{
console.log(res)
//小小的封装思想
//创建一个上传给云储存的地址,每一张图片的储存名称不能一样,所以通过Math.random()方法获取一个不同的名称,该方法可以得到一个从0到1的一个double值
const path = 'images/' + Math.random();
//虚拟地址tempFilePaths[0];点击先把图片储存在一个虚拟地址,然后从虚拟地址把图片上传到云储存中。
const virtualPath = res.tempFilePaths[0];
//上传到云储存中
wx.cloud.uploadFile({
cloudPath: path,
filePath: virtualPath,
success:(res=>{
console.lof(res)
}),
fail:(err=>{
console.log(err)
})
})
}),
fail:(err=>{
console.log(err)
})
})
}
个人之见,若有疑问,勿喷!