微信小程序中长按保存图片（https/本地）的三种方式
微信小程序长按二维码的方式
方法一，图片放在云上或者是https开头的
//保存图片
savePic:function(e){
let that = this;
let src = e.currentTarget.dataset.src;
wx.showModal({
title: '提示',
content: '确定保存二维码？',
success(res){
if (res.confirm) {
wx.downloadFile({
url: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575027657735&di=d818c4fc5f0d4aa9ea3790600dd20d16&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Faadcf356470c9a6717ab6c5ed73476025fd1a1a410da7-kArZxa_fw658',
success: function (res) {
//图片保存到本地
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function (data) {
wx.showToast({
title: '保存成功!',
})
},
fail: function (err) {
if (err.errMsg === "saveImageToPhotosAlbum:fail cancel") {
wx.showToast({
title: '保存失败!',
icon: 'none'
})
}
},
})
},
fail: function (res) {
wx.showModal({
title: '文件下载错误',
content: res.errMsg,
})
},
})
} else if (res.cancel) {
}
}
})
},本地的图片
sence：是一个base64转成的如下图，这个的话是可以在线将图片转换成base64搜一下就可以有转换的网站了。
//保存图片
savePic:function(e){
let that = this;
let src = e.currentTarget.dataset.src;
wx.showModal({
title: '提示',
content: '确定保存二维码？',
success(res){
if (res.confirm) {
var aa = wx.getFileSystemManager();
aa.writeFile({
filePath: wx.env.USER_DATA_PATH + '/PATRIZIA PEPE.png',
data: that.data.scene.slice(22),
encoding: 'base64',
success: res => {
wx.saveImageToPhotosAlbum({
filePath: wx.env.USER_DATA_PATH + '/PATRIZIA PEPE.png',
success: function (res) {
wx.showToast({
title: '保存成功',
})
},
fail: function (err) {
}
})
}, fail: err => {
}
})
} else if (res.cancel) {
}
}
})
}, savePhoto () {
const _this = this;
wx.getImageInfo({
src: '/static/images/home/Qr.png',
success: function (res) {
wx.saveImageToPhotosAlbum({
filePath: res.path,
success (result) {
_this.setData({ show: false });
wx.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
},
fail (err) {
if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
wx.openSetting({
success (settingdata) {
if (settingdata.authSetting['scope.writePhotosAlbum']) {
_this.savePhoto()
} else {
wx.showToast({
title: '获取权限失败,无法保存图片',
icon: 'success',
duration: 2000
})
}
}
})
}
}
})
}
})
}
作者：yosun
链接：https://juejin.im/post/5dc22be2f265da4d0a68db87
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。第三个方法是无意间在看掘金的时候发现的，非常的使用简单。而且这篇文章中也分享了很多的小程序巧用的知识点，大家可以去看看
最后其实这三个的方式最后都是用到了微信的 wx.saveImageToPhotosAlbum(Object object)
具体的可以参考微信官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.saveImageToPhotosAlbum.html