微信小程序长按保存图片

wxml部分

<image data-url="{{item}}" bindlongtap="longPressSaveImg " />

js部分

//20200720 新增长按保存图片longPressSaveImg (e) {let that = thislet url = e.currentTarget.dataset.url;console.log(url);if (!wx.saveImageToPhotosAlbum) {wx.showModal({title: '提示',content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'})return;}// 检查用户授权wx.getSetting({success(res) {if (!res.authSetting['scope.writePhotosAlbum']) {// 接口调用询问  wx.authorize({scope: 'scope.writePhotosAlbum',success() {that.saveImg(url);},fail() {// 用户拒绝授权  wx.showModal({title: '保存图片',content: '保存图片需要您授权',showCancel: true,confirmText: '确定',success (res) {if (res.confirm) {// 打开设置页面  wx.openSetting({success (res) {if (res.authSetting['scope.writePhotosAlbum']) {that.saveImg(url);} else {wx.showToast({title:'授权失败!',icon:"none"});}},fail (res) {wx.showToast({title:'授权失败!',icon:"none"});}});} else if (res.cancel) {wx.showToast({title:'您已取消授权!',icon:"none"});}}})}})} else {that.saveImg(url)}},fail(res) {console.log(res);}})},saveImg (imageUrl) { wx.getImageInfo({src: imageUrl,success:(res)=> {let path = res.path;wx.saveImageToPhotosAlbum({filePath:path,success:(res)=> { wx.showToast({title:'保存成功'});},fail:(res)=>{wx.showToast({title:'您已取消保存',icon:"none"});}})},fail:(res)=> {console.log(res);}})这里下载图片到小程序资源库，感觉会不会占本地内存，导致小程序变卡，所以用了上边那个方法，// wx.downloadFile({//   url: imageUrl,//   success (res) {//     // 保存图片到系统相册  //     wx.saveImageToPhotosAlbum({//       filePath: res.tempFilePath,//       success(res) {//         wx.showToast({//           title: '保存成功'//         });//       },//       fail(res) {//         wx.showToast({//           title: '您已取消保存',//           icon:'none'//         });//       }//     })//   },//   fail (res) {//   }// })},

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

微信小程序长按图片不出现菜单_微信小程序长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以,需要自己写这个功能. 这个功能有两个点,一个是长按,一个是保存图片到本地. 1. 微信小程序关于图片长按 ...
微信小程序长按图片发送给好友
问题描述微信小程序长按图片发送给好友解决方法直接在<image></image>标签添加:show-menu-by-longpress="true" ...
微信小程序 — 长列表组件 recycle-view 详细教学
微信小程序 - 长列表组件 recycle-view 踩坑问题全解写在前面引入长列表组件 recycle-view 长列表组件 recycle-view 的使用问题一.如何增加下拉刷新功能? 问 ...
微信小程序长按识别二维码，小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序图片预览功能识别小程序码并进行跳 ...
微信小程序长按图片不出现菜单_小程序-长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项.但是微信小程序里面不可以.需要自己写这个功能.这个功能有两个点,一个是长按,一个是保存图片到本地. 1,.微信小程序提供了长按的事 ...
微信小程序长按事件触发点击事件的BUG处理
微信小程序开发说实话还是有点糟心的,经过事件冒泡的坑之后,又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml <view class="contai ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
判断小程序是否滚动到页面底部 scrolltolower_微信小程序长列表性能优化——recycle-view
背景: 第七次人口普查项目使用是微信小程序原生框架,组件是根据用户需求由项目组前端组组长封装完成的.采集小程序正式登记首页列表页面,根据腾讯老哥在sentry上的监控可以看出,列表页面前端性能比较差, ...
微信小程序长按和点击同时存在时，2个都会触发的问题
问题描述: 在列表上实现长按弹框删除,点击进入详情页.在模拟器上正常,但在手机端,长按同时会触发点击. 长按.点击触发顺序: 点击:touchstart → touchend → tap ...

微信小程序长按保存图片

微信小程序长按保存图片

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

最新文章

热门文章