微信小程序实现的图片保存功能示例


Posted in Javascript onApril 24, 2019

本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考,具体如下:

微信小程序保存图片分为两步:

1.下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。

即:调用函数wx.downloadFile({})

2.保存图片到系统相册。

即:调用函数wx.saveImageToPhotosAlbum({})

具体代码如下:

.wxml

<button data-image='{{图片路径}}' bindtap="saveImage" >保存图片</button>

.js

saveImage: function (e) {
     wx.downloadFile({
      url: 服务器Http请求 +图片路径,
       success: function (res) {
          var imageFilePath = res.tempFilePath;
             if (!util.isNull(imageFilePath)) {
              wx.saveImageToPhotosAlbum({
              filePath: imageFilePath,
              success: function (data) {
              wx.showToast({
              title: "保存成功",
              })
            }, fail: function (res) {
           wx.showToast({
          title: "保存失败",
         })
        }
      })
      }
    },
   })
},

关于wx.downloadFile具体说明还可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.downloadFile.html

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
一个可绑定数据源的jQuery数据表格插件
Jul 17 Javascript
javascript测试题练习代码
Oct 10 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
js实现的简洁网页滑动tab菜单效果代码
Aug 24 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
BootstrapValidator超详细教程(推荐)
Dec 07 Javascript
jQuery validate插件功能与用法详解
Dec 15 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
vue中的inject学习教程
Apr 24 #Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 #Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 #Javascript
vue模仿网易云音乐的单页面应用
Apr 24 #Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 #Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 #Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 #Javascript
You might like
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
javascript URL编码和解码使用说明
2010/04/12 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
Javascript使用post方法提交数据实例
2015/08/03 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
JS正则表达式常见用法实例详解
2018/06/19 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
vue 实现走马灯效果
2019/10/28 Javascript
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
python实现超市扫码仪计费
2018/05/30 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
普天C++笔试题
2016/03/20 面试题
应届毕业生自我评价分享
2013/12/15 职场文书
经理管理专业毕业自荐书范文
2014/02/12 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
关于保护环境的建议书
2019/06/24 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers