微信小程序实现的图片保存功能示例
更新时间：2019年04月24日 12:01:22 作者：weixin_41991473
这篇文章主要介绍了微信小程序实现的图片保存功能,结合实例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函数图片保存功能相关使用技巧,需要的朋友可以参考下
本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考，具体如下：
微信小程序保存图片分为两步：
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
希望本文所述对大家微信小程序开发有所帮助。
相关文章
这篇文章主要介绍了当$.get返回失败后，调用fail方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-12-12
这篇文章主要介绍了两个函数相互调用如何防止死循环问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了JS、jQuery中select的用法详解的相关资料,需要的朋友可以参考下2016-04-04
Bootstrap提供了一个清晰的创建表格的布局，这篇文章主要介绍了Bootstrap学习笔记之表格基本样式的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家详细介绍了Javascript实现单选框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
用js+csss实现的一个带复选框的下拉框，用到了很基础的技术，但是比较实用，喜欢的朋友可以参考下2014-09-09
这篇文章主要介绍了ES6新特性之数组的扩充,结合实例形式分析了ES6数组操作的常见方法与相关使用技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了JS匿名函数类生成方式,结合实例形式分析了javascript匿名函数类相关属性与方法定义与使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了Bootstrap布局方式，分析了Bootstrap网格系统的各种特性，感兴趣的小伙伴们可以参考一下2016-05-05
相信大家都在地址栏里用javascript:的形式执行过脚本。这种方法简单实用，测试比较短的脚本时经常用到2011-10-10
最新评论