首页 » 99链接平台 » 微信小程序开发如何将将本地资源图片长按保存到相册?(图片保存创作者路径程序员)

微信小程序开发如何将将本地资源图片长按保存到相册?(图片保存创作者路径程序员)

神尊大人 2024-10-24 23:18:06 0

扫一扫用手机浏览

文章目录 [+]

遇到这样一个问题?客户需求将公众号的二维码长按保存到相册中,但是由于预算有限,服务器域名证书这些都没有。
这就尴尬了!
如何实现这个需求呢?

微信官方推荐使用

wx.saveImageToPhotosAlbum(),API来开发

微信小程序开发如何将将本地资源图片长按保存到相册?(图片保存创作者路径程序员) 99链接平台
(图片来自网络侵删)

下面我们就来通过一个简单的小例子来实现该功能吧!

定义了一个图片标签

在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()来进行用户提示功能。

标签:

相关文章