报错如图,无法保存图片到相册
相关代码片段1:点击保存图片按钮,一直报错显示“Uncaught (in promise) save image failed”
onLoad: function (options) { api.showLoading(); console.log(app.globalData.picParam); let {x,y,logoHeight, logoWidth, avatarHeight, avatarWidth, logoUrl, avatarUrl} = app.globalData.picParam; this .setData({ canvasWidth: logoWidth, canvasHeight: logoHeight }); const ctx = wx.createCanvasContext( 'avatarPic' ); ctx.drawImage(logoUrl, 0, 0, logoWidth, logoHeight); ctx.draw(); ctx.save(); // 先保存状态 已便于画完圆再用 ctx.beginPath(); //开始绘制 //先画个圆 ctx.arc(x + avatarWidth / 2, y + avatarHeight / 2 , avatarWidth / 2, 0, Math.PI * 2, false ); ctx.clip(); //画了圆 再剪切 原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内 ctx.drawImage(avatarUrl, x, y, avatarWidth, avatarHeight); ctx.draw( true ); api.hideLoading(); }, downloadPic() { api.saveCanvas( 'avatarPic' ) .then(res => { return api.saveImage(res.tempFilePath); }) .then(res => { api.showToast( '保存成功' , 'success' ); }); }, |
相关代码片段2:点击保存小程序二维码,但点击后仅返回了临时文件路径,没有保存至手机相册中
onSelect(event) { console.log(event.detail.name); let _this = this ; switch (event.detail.name) { case '保存小程序二维码' : wx.cloud.downloadFile({ fileID: 'cloud://cloud-lzj35.636c-cloud-lzj35-1300316134/0.png' , // 文件 ID success: res => { // 返回临时文件路径 let tempPath = res.tempFilePath console.log(tempPath); wx.saveImageToPhotosAlbum({ filePath: tempPath, success(res) { // const savedFilePath = res.savedFilePath; api.showToast( '保存成功' , 'success' ); console.log(res); _this.onCancel() } }) }, fail: console.error }) break ; default : _this.onCancel() break ; } }, |
saveImg: function(){
wx.downloadFile({
url:'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
success:function(res){
let path = res.tempFilePath
wx.saveImageToPhotosAlbum({
filePath: path,
success(res) {
console.log(res)
},
fail(res) {
console.log(res)
},
complete(res) {
console.log(res)
}
})
},fail:function(res){
console.log(res)
}
})
}
为啥先下载了,手机上也无法保存??