小程序实现点击图片保存到相册

温馨提示:小程序图片在本地保存成功后放到线上失效,应该是没有设置合法的文件下载域名

 // 下载事件函数bindImage: function (e) {var url = e.currentTarget.dataset.img;wx.getSetting({success(res) {if (res.authSetting['scope.writePhotosAlbum']) {wx.downloadFile({url: url,success: function (res) {// 图片保存到本地wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success(res) {console.log(res);wx.showToast({title: '保存成功',icon: 'success',duration: 500})},fail() {wx.showToast({title: "保存取消",icon: "none"});}})}})} else {wx.authorize({scope: 'scope.writePhotosAlbum',success(res) {if (res.errMsg === 'authorize:ok') {wx.downloadFile({url: url,success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success(res) {wx.showToast({title: '保存成功',icon: 'success',duration: 500})},fail() {wx.showToast({title: "保存取消",icon: "none"});}})}})}},fail() {wx.showToast({title: '请打开保存相册权限,再点击保存相册分享',icon: 'none',duration: 500})}})}}})},

微信小程序点击图片保存到相册相关推荐

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

    效果图: 描述: 「长按图片」,是否授权保存图片or视频到相册,「授权成功」,点击「保存到相册」即可完成. 代码: wxml <image src="{{imgSrc}}" ...

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

    首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限: 其次对于网络图片,可调用wx.downloadFile下载文件资源到本地: 然后非网络图片,可以调用wx.getIma ...

  3. 初学者笔记——微信小程序点击图片放大

    微信小程序点击图片放大 wx.previewImage 官方文档的解释 PS:红色框框内要注意,需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件ID. 将图片dream.jpg上 ...

  4. 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

    微信小程序开发交流qq群   581478349    承接微信小程序开发.扫码加微信. 正文: 先上效果图,再附上完整源码: 1.多张图片循环渲染后预览.保存.识别带参数二维码 <view w ...

  5. 微信小程序点击图片,可全屏预览图片,长按可保存可转发朋友

    微信小程序官方 方法:官方提供的 previewImage 方法,可点击顶部的官方链接查看 直接上代码 页面是一个轮播图(根据自己情况即可) 数据是服务端返的,存放在data中 注意:构造要预览的图片 ...

  6. 微信小程序点击图片预览真机无法显示的问题

    问题: 用开发者工具开发编辑时,点击图片预览,一直显示黑屏加载转圈中- 如图所示: 实际效果图: 话不多说,直接上代码 1.html代码: <view class="img-box&q ...

  7. uni-app微信小程序合成海报并保存到相册

    页面有三部分的图片.logo.二维码和背景图.其中背景图是本地的. logo和二维码是接口给的. 像这样的海报合成的例子我写过一篇,是在vue的项目中的vue把几张图片logo.二维码.背景合成一个海 ...

  8. 微信小程序点击图片切换图片

    实现的效果图 实现的方式有2中 先说下思路 1 使用wx:if 写2个图片 点击的显示一张即可, 2 使用数据传递当拿到图片的时候更换图片即可. 看下代码 2中方式:xml <view clas ...

  9. 微信小程序点击图片放大预览,新页面中全屏预览图片

    第一步:在wxml中定义image组件,并设置绑定事件. <image src="{{priceUrl}}" bindtap="imgClick"> ...

最新文章

  1. tf.keras.layers.MaxPool2D 示例 池化层
  2. 二十七、连续分配管理方式
  3. 【Android 逆向】逆向修改游戏应用 ( APK 解析工具 | 解包 -> 分析 -> 重打包 -> 签名 流程 )
  4. 【bzoj2751】[HAOI2012]容易题(easy) 数论-快速幂
  5. F#探险之旅(四):面向对象编程(中)
  6. matlab 控制实验指导,智能控制系统-实验指导书-实验一-BP算法的MATLAB实现
  7. JavaWeb中监听器Listener+过滤器filter+拦截器interceptor区别
  8. 微机原理与接口耿恒山答案_KYN28-12柜二次系统元器件介绍及接线应用原理(接上篇)...
  9. Git Branch Mode(分支模式)
  10. mysql phpmyadmin 安装_phpmyadmin怎么安装
  11. laravel本地项目上传服务器,laravel 上传本地文件到服务器
  12. Oracle 高 Version counts 问题说明
  13. 2018通达信l2服务器源码,很后悔购买了通达信L2看盘软件,大家不要再买进这个软件了...
  14. 机器学习基石 之 三大学习原则(Three Learning Principles)
  15. 九九乘法c语言的编程,C语言九九乘法表
  16. Error response from daemon: conflict: unable to delete 31f279e888c0 (must be forced) - image is bein
  17. 车辆搜索 -使用triplet loss 训练车辆识别模型
  18. HTTPS/数字证书/数字签名
  19. 电动车锂电池行业前景广阔,啰马锂服帮助企业、门店“降本增效”
  20. linux第一阶段学习笔记基础

热门文章

  1. 潇洒分享用UG和Mastercam的心得体会
  2. 关于Andriod Daydream,Daydream学习方法,如何学习Google Daydream,Daydream实例
  3. 杜拉拉升职记 观后感
  4. 数据结构——二叉树的修改与构造
  5. 一道简单的推理题(日本某地发生了一件谋杀案,警察通过排查确定杀人凶手必为4个嫌疑犯的一个)
  6. Python之UTC(格林威治时间)转北京时间(本地时间)和获取当前时间
  7. 图片类应用如何盈利?
  8. 将Hexo博客部署到云主机
  9. 可视对讲终端 平安城市智慧灯杆一键可视对讲
  10. android 系统版本比例,安卓手机系统版本分布:Android 9.0占比达34%!