1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序保存图片到相册(wx.downloadFile)

微信小程序保存图片到相册(wx.downloadFile)

时间:2022-04-24 16:33:34

相关推荐

微信小程序保存图片到相册(wx.downloadFile)

微信小程序保存图片到相册

1、兼容android+ios;

2、支持一次保存多张图片;

const app = getApp();var util = require('../../utils/util.js');Page({/*** 页面的初始数据*/data: {name: '',cardnum: '',tel: '',images: [// '../images/xieyi.png',// "../images/xieyi.png",// "../images/xieyi.png" '/admin/special/special_img_0301160108243.jpg','/admin/special/special_img_0301160111756.jpg','/admin/special/special_img_0304160141454.jpg'],},/*** 生命周期函数--监听页面加载*/onLoad: function(options) {var _this = this;var pages = getCurrentPages();var currPage = pages[pages.length - 1]; //当前页面var prevOnePage = pages[pages.length - 2]; //上一个页面 (资格认证页面) },/*** 生命周期函数--监听页面显示*/onShow: function() {var _this = this; },// 取消 --> 返回上一页cancelFn() {var _this = this;wx.navigateBack();},// 保存图片方法saveImage(filePath, index) {var _this = this;if(index == 0){wx.showLoading({title: '协议保存中...',})}wx.downloadFile({url: filePath,success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath, // 此为图片路径success: (res) => {console.log(res)if(index == _this.data.images.length - 1){_this.showToast('保存成功,请到相册中查看');wx.hideLoading();wx.navigateTo({url: '../pay/pay',})} },fail: (err) => {console.log(err)_this.showToast('保存失败,请稍后重试')}})}})},// 微信提示方法showToast(title) {wx.showToast({title: title});},// 点击保存图片到相册(授权)saveImageToPhotos(filePath, callback) {var _this = this// 相册授权wx.getSetting({success(res) {// 进行授权检测,未授权则进行弹层授权if (!res.authSetting['scope.writePhotosAlbum']) {wx.authorize({scope: 'scope.writePhotosAlbum',success() {for (var i = 0; i < filePath.length; i++){_this.saveImage(filePath[i], i)}},// 拒绝授权时,则进入手机设置页面,可进行授权设置fail() {wx.openSetting({success: function(data) {console.log("openSetting success");},fail: function(data) {console.log("openSetting fail");}});}})} else {// 已授权则直接进行保存图片// console.log(filePath[0]);for (var i = 0; i < filePath.length; i++) {_this.saveImage(filePath[i], i)}}},fail(res) {console.log(res);}})}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。