微信小程序点击图片保存到相册
小程序实现点击图片保存到相册
温馨提示:小程序图片在本地保存成功后放到线上失效,应该是没有设置合法的文件下载域名
// 下载事件函数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})}})}}})},
微信小程序点击图片保存到相册相关推荐
- 微信小程序长按图片保存至相册
效果图: 描述: 「长按图片」,是否授权保存图片or视频到相册,「授权成功」,点击「保存到相册」即可完成. 代码: wxml <image src="{{imgSrc}}" ...
- 微信小程序-长按图片保存到相册
首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限: 其次对于网络图片,可调用wx.downloadFile下载文件资源到本地: 然后非网络图片,可以调用wx.getIma ...
- 初学者笔记——微信小程序点击图片放大
微信小程序点击图片放大 wx.previewImage 官方文档的解释 PS:红色框框内要注意,需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件ID. 将图片dream.jpg上 ...
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 先上效果图,再附上完整源码: 1.多张图片循环渲染后预览.保存.识别带参数二维码 <view w ...
- 微信小程序点击图片,可全屏预览图片,长按可保存可转发朋友
微信小程序官方 方法:官方提供的 previewImage 方法,可点击顶部的官方链接查看 直接上代码 页面是一个轮播图(根据自己情况即可) 数据是服务端返的,存放在data中 注意:构造要预览的图片 ...
- 微信小程序点击图片预览真机无法显示的问题
问题: 用开发者工具开发编辑时,点击图片预览,一直显示黑屏加载转圈中- 如图所示: 实际效果图: 话不多说,直接上代码 1.html代码: <view class="img-box&q ...
- uni-app微信小程序合成海报并保存到相册
页面有三部分的图片.logo.二维码和背景图.其中背景图是本地的. logo和二维码是接口给的. 像这样的海报合成的例子我写过一篇,是在vue的项目中的vue把几张图片logo.二维码.背景合成一个海 ...
- 微信小程序点击图片切换图片
实现的效果图 实现的方式有2中 先说下思路 1 使用wx:if 写2个图片 点击的显示一张即可, 2 使用数据传递当拿到图片的时候更换图片即可. 看下代码 2中方式:xml <view clas ...
- 微信小程序点击图片放大预览,新页面中全屏预览图片
第一步:在wxml中定义image组件,并设置绑定事件. <image src="{{priceUrl}}" bindtap="imgClick"> ...
最新文章
- tf.keras.layers.MaxPool2D 示例 池化层
- 二十七、连续分配管理方式
- 【Android 逆向】逆向修改游戏应用 ( APK 解析工具 | 解包 -> 分析 -> 重打包 -> 签名 流程 )
- 【bzoj2751】[HAOI2012]容易题(easy) 数论-快速幂
- F#探险之旅(四):面向对象编程(中)
- matlab 控制实验指导,智能控制系统-实验指导书-实验一-BP算法的MATLAB实现
- JavaWeb中监听器Listener+过滤器filter+拦截器interceptor区别
- 微机原理与接口耿恒山答案_KYN28-12柜二次系统元器件介绍及接线应用原理(接上篇)...
- Git Branch Mode(分支模式)
- mysql phpmyadmin 安装_phpmyadmin怎么安装
- laravel本地项目上传服务器,laravel 上传本地文件到服务器
- Oracle 高 Version counts 问题说明
- 2018通达信l2服务器源码,很后悔购买了通达信L2看盘软件,大家不要再买进这个软件了...
- 机器学习基石 之 三大学习原则(Three Learning Principles)
- 九九乘法c语言的编程,C语言九九乘法表
- Error response from daemon: conflict: unable to delete 31f279e888c0 (must be forced) - image is bein
- 车辆搜索 -使用triplet loss 训练车辆识别模型
- HTTPS/数字证书/数字签名
- 电动车锂电池行业前景广阔,啰马锂服帮助企业、门店“降本增效”
- linux第一阶段学习笔记基础
热门文章
- 潇洒分享用UG和Mastercam的心得体会
- 关于Andriod Daydream,Daydream学习方法,如何学习Google Daydream,Daydream实例
- 杜拉拉升职记 观后感
- 数据结构——二叉树的修改与构造
- 一道简单的推理题(日本某地发生了一件谋杀案,警察通过排查确定杀人凶手必为4个嫌疑犯的一个)
- Python之UTC(格林威治时间)转北京时间(本地时间)和获取当前时间
- 图片类应用如何盈利?
- 将Hexo博客部署到云主机
- 可视对讲终端 平安城市智慧灯杆一键可视对讲
- android 系统版本比例,安卓手机系统版本分布:Android 9.0占比达34%!