遇到这样一个问题?客户需求将公众号的二维码长按保存到相册中,但是由于预算有限,服务器域名证书这些都没有。这就尴尬了!
如何实现这个需求呢?
微信官方推荐使用
wx.saveImageToPhotosAlbum(),API来开发。

下面我们就来通过一个简单的小例子来实现该功能吧!
在WXML代码中定义一个图片标签,并且指定了图片的路径。
<image class="grewmimage" src="/grewm.png" data-src="/grewm.png" bindlongpress="saveImageToAlbumTow"></image>
为了页面美观,我们可以添加一些CSS样式作为支持
在JS代码中定义如下的方法saveImageToAlbumTow() { wx.getImageInfo({ src: '../../images/grewm.png', success:function(e){ console.log(e) console.log("调用方法") // 假设你有一个图片的本地路径 const imagePath =e.path ; wx.saveImageToPhotosAlbum({ filePath: imagePath, success(res) { wx.showToast({ title: '图片已保存到相册', icon: 'success', duration: 2000 }); }, fail(err) { wx.showToast({ title: err.errMsg, icon: 'none', duration: 2000 }); console.error('保存图片失败', err); } }); }, fail:function(err){ wx.hideLoading() wx.showToast({ title: err.errMsg, icon: 'none', duration: 2000 }); } }) },
这里需要注意一点,就是图片路径imagePath的获取,微信官方推荐使用wx.getImageInfo(),方法来获取到用户选择的文件路径。由于微信安全策略的提示,需要对各个事件操作通过wx.showToast()来进行用户提示功能。