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


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 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
使用js修改客户端注册表的方法
Aug 09 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
vue2实现可复用的轮播图carousel组件详解
Nov 27 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 Javascript
keep-alive保持组件状态的方法
Dec 02 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 代码优化之经典示例
2011/03/24 PHP
PHP实现的简单日历类
2014/11/29 PHP
php 多文件上传的实现实例
2016/10/23 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
javascript格式化指定日期对象的方法
2015/04/21 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
解决vue组件中click事件失效的问题
2019/11/09 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
python实现二叉树的遍历
2017/12/11 Python
python读写csv文件方法详细总结
2019/07/05 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
简单了解如何封装自己的Python包
2020/07/08 Python
采购内勤岗位职责
2013/12/10 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
实习护士自荐信
2014/06/21 职场文书
学习雷锋标语
2014/06/25 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
vue项目支付功能代码详解
2022/02/18 Vue.js
MySql分区类型及创建分区的方法
2022/04/13 MySQL
使用Redis实现分布式锁的方法
2022/06/16 Redis
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers