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

效果图：

描述：

「长按图片」，是否授权保存图片or视频到相册，「授权成功」，点击「保存到相册」即可完成。

代码：

wxml

<image src="{{imgSrc}}" data-url="{{imgSrc}}" bindlongpress="saveImage"></image>

Page({data: {imgSrc: 'http://img4.99114.com/group3/M00/4F/0F/rBADvVtEac-AAohzAAMH5HgHPZY230.jpg',},// 长按保存saveImage(e) {let that = thiswx.showActionSheet({itemList: ['保存到相册'],success(res) {let url = e.currentTarget.dataset.url;wx.getSetting({success: (res) => {console.log(res);if (!res.authSetting['scope.writePhotosAlbum']) {   // 未授权wx.authorize({scope: 'scope.writePhotosAlbum',success: () => {that.saveImgSuccess(url);},fail: (res) => {console.log(res);wx.showModal({title: '保存失败',content: '请开启访问手机相册的权限',success(res) {wx.openSetting()}})}})} else {  // 已授权that.saveImgSuccess(url);}},fail: (res) => {console.log(res);}})},fail(res) {console.log(res.errMsg)}})},// 同意授权保存到相册saveImgSuccess(url) {wx.getImageInfo({src: url,  // 通过getImageInfo将src转换成改图片的本地路径，给saveImageToPhotosAlbum使用success: (res) => {console.log(res)let path = res.path;wx.saveImageToPhotosAlbum({filePath: path,   // filePath路径不能是网络图片路径success: (res) => {console.log(res);wx.showToast({title: '已保存到相册',})},fail: (res) => {console.log(res);}})},fail: (res) => {console.log(res);}})},
})

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

微信小程序-长按图片保存到相册
首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限: 其次对于网络图片,可调用wx.downloadFile下载文件资源到本地: 然后非网络图片,可以调用wx.getIma ...
微信小程序点击图片保存到相册
小程序实现点击图片保存到相册温馨提示:小程序图片在本地保存成功后放到线上失效,应该是没有设置合法的文件下载域名 // 下载事件函数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.二维码.背景合成一个海 ...

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

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

最新文章

热门文章