微信小程序-长按图片保存到相册

首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限；
其次对于网络图片，可调用wx.downloadFile下载文件资源到本地；
然后非网络图片，可以调用wx.getImageInfo(Object object)获取图片信息；
最后调用wx.saveImageToPhotosAlbum，保存图片到系统相册。

1.wxml代码

长按保存bindlongtap方法

<image src="{{hosts}}/images/phonePage.png" class="img" bindlongtap='saveImg'></image>

2.js代码

  /****长按保存图片 */saveImg: function () {let that=thiswx.getSetting({success(res) {//未授权 先授权 然后保存if (!res.authSetting['scope.writePhotosAlbum']) {wx.authorize({scope: 'scope.writePhotosAlbum',success(re) {that.saveToBlum();}})}else{//已授 直接调用保存到相册方法that.saveToBlum();}}})  },

 //保存到相册方法saveToBlum:function(){let imgUrl = '非网络图片';wx.getImageInfo({src: imgUrl,success: function (ret) {var path = ret.path;wx.saveImageToPhotosAlbum({filePath: path,success(result) {wx.showToast({title: '保存成功',icon: 'success'})},})}})},

 //保存网络图片到相册方法saveToBlum:function(){wx.downloadFile({url: '网络图片地址',success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success(result) {wx.showToast({title: '保存成功',icon: 'success'})}})}})},

微信小程序-长按图片保存到相册相关推荐

微信小程序长按图片保存至相册
效果图: 描述: 「长按图片」,是否授权保存图片or视频到相册,「授权成功」,点击「保存到相册」即可完成. 代码: wxml <image src="{{imgSrc}}" ...
微信小程序点击图片保存到相册
小程序实现点击图片保存到相册温馨提示:小程序图片在本地保存成功后放到线上失效,应该是没有设置合法的文件下载域名 // 下载事件函数bindImage: function (e) {var url = ...
微信小程序长按图片发送给好友
问题描述微信小程序长按图片发送给好友解决方法直接在<image></image>标签添加:show-menu-by-longpress="true" ...
微信小程序长按图片不出现菜单_微信小程序长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以,需要自己写这个功能. 这个功能有两个点,一个是长按,一个是保存图片到本地. 1. 微信小程序关于图片长按 ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
微信小程序长按图片不出现菜单_小程序-长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以.需要自己写这个功能.这个功能有两个点,一个是长按,一个是保存图片到本地. 1,.微信小程序提供了长按的事 ...
微信小程序长按图片，实现保存、转发、识别图中二维码
在小程序image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别但是通过wx.previewImage只能实现保存,转发,小程序只能识别小程序二维 ...
微信小程序长按图片不出现菜单_微信更新，新功能上了热搜
微信在推出新功能方面相当克制,但每一次总能引起全网关注. 昨天,微信又因为一个小功能的改进再次上了热搜,在安卓最新的 7.0.17 版本当中,微信取消了两分钟内删除功能. 在新版微信中,发出的消息在两 ...
uni-app微信小程序合成海报并保存到相册
页面有三部分的图片.logo.二维码和背景图.其中背景图是本地的. logo和二维码是接口给的. 像这样的海报合成的例子我写过一篇,是在vue的项目中的vue把几张图片logo.二维码.背景合成一个海 ...

微信小程序-长按图片保存到相册

微信小程序-长按图片保存到相册相关推荐

最新文章

热门文章