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


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 相关文章推荐
javascript实现面向对象类的功能书写技巧
Mar 07 Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
vue单页应用在页面刷新时保留状态数据的方法
Sep 21 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
详解vue或uni-app的跨域问题解决方案
Feb 21 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中将数组存到文件里的实现代码
2012/01/19 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
Python with的用法
2014/08/22 Python
Python实现两个list求交集,并集,差集的方法示例
2018/08/02 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
selenium中get_cookies()和add_cookie()的用法详解
2020/01/06 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
Python matplotlib实时画图案例
2020/04/23 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
瑞典最好的运动鞋专卖店:Sneakersnstuff
2016/08/29 全球购物
方法名是否可以与构造器的名字相同
2012/06/04 面试题
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
毕业自我评价范文
2013/11/17 职场文书
干部培训自我鉴定
2014/01/22 职场文书
《挑山工》的教学反思
2014/02/16 职场文书
服务质量承诺书
2014/03/27 职场文书
美术教师个人工作总结
2015/02/06 职场文书
债务纠纷代理词
2015/05/25 职场文书