小程序
小游戏
企业微信
微信支付
扫描小程序码分享
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你这个问题解决了吗？？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
临时路径的图片是可以使用这个api保存到本地的。 我的代码片段在这里。 第一个图是保存下来的图片，第二个是代码截图，第三个是log截图， 第四个是保存成功的截图。
不过我的代码片段在公司测试的时候偶现bug： 保存下来的图片和预览的不一致。
代码片段： https://developers.weixin.qq.com/s/I7GECFmd7gbn
这是工具跟真机上的差异，工具上是返回前缀为http://的文件路径，真机上是返回前缀为wxfile://的文件路径，需要以真机为准
在开发工具上是https://协议开头，一旦切换到真机调试就成wxfile://协议
//导出成图片
btnImg: function () {
wx.canvasToTempFilePath({
destWidth: 500,
destHeight: 500,
canvasId: 'canvasId',
success: function (res) {
console.log('res.tempFilePath:'+res.tempFilePath);
wx.downloadFile({
url: res.tempFilePath,
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function (data) {
wx.showModal({
title: '下载成功',
content: '图片以保存至您的手机',
})
},
fail: function () {
console.log('error');
}
真机调试截图
开发者工具截图
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你这个问题解决了吗？？
临时路径的图片是可以使用这个api保存到本地的。 我的代码片段在这里。 第一个图是保存下来的图片，第二个是代码截图，第三个是log截图， 第四个是保存成功的截图。
不过我的代码片段在公司测试的时候偶现bug： 保存下来的图片和预览的不一致。
代码片段： https://developers.weixin.qq.com/s/I7GECFmd7gbn
这是工具跟真机上的差异，工具上是返回前缀为http://的文件路径，真机上是返回前缀为wxfile://的文件路径，需要以真机为准
在开发工具上是https://协议开头，一旦切换到真机调试就成wxfile://协议
//导出成图片
btnImg: function () {
wx.canvasToTempFilePath({
destWidth: 500,
destHeight: 500,
canvasId: 'canvasId',
success: function (res) {
console.log('res.tempFilePath:'+res.tempFilePath);
wx.downloadFile({
url: res.tempFilePath,
success: function (res) {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function (data) {
wx.showModal({
title: '下载成功',
content: '图片以保存至您的手机',
})
},
fail: function () {
console.log('error');
}
})
}
})
}
})
},
真机调试截图
开发者工具截图