【微信小程序】保存图片到本地相册

【微信小程序】保存图片到本地相册,第1张

首先需获取scope.writePhotosAlbum权限。(放在wx.getSetting之前调用,建议放在onload中)

整理一下,处理用户拒绝授权的情况

授权完成后执行保存图片,先看看微信的开发文档,需注意我用红框框起来的地方。

我说的两种方法一种是保存临时文件路径的图片,另一种是保存的永久文件的路径,看完两种方法怎样使用看个人选择。

还有一点需注意的是不可以使用网络图片路径,否则保存图片失败,提示路径错误,找不到图片路径。

永久图片路径即保存在微信小程序项目中的图片,例如:'imgs/index/1.png'

页面中给图片标签一个点击事件,绑定保存图片的方法,我把js方法贴上,非常简单。

先进行授权,授权成功后调用微信api即可

这个就有点麻烦,需调用wx.getImageInfo或者wx.downloadFile,而调用这个api需在后台进行配置,把需用到的图片接口添加进去。

具体配置,登录微信公众平台,在开发---开发设置---服务器域名---添加downloadFile合法域名。

有两种写法:

微信简历小程序可以帮助您保存图片,只需要点击“添加照片”按钮,就可以从本地相册中选择照片,然后点击“保存”按钮,就可以将照片保存到微信简历小程序中了。此外,您还可以直接拍照上传到微信简历小程序中,以便更加方便地保存图片。

1、首先首先准备一个小程序目录,并且准备qrcode的js文件,如下图所示。

2、接着用qrcode创建完图片以后直接写回调函数,如下图所示。

3、然后将图片路径缓存下来,如下图所示。

4、接着直接调用saveImageToPhotosAlbum进行保存,如下图所示。

5、然后会d出授权的界面,点击确定就可以把小程序里的图片保存到自己的相册里了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10917146.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存