推荐设备MORE

网页在线编辑

网页在线编辑

疑难问题

婚礼互动小程序_微信小程序保存多张图片的完成

日期:2021-01-07
我要分享
微信小程序保存多张图片的实现方法       这篇文章主要介绍了微信小程序保存多张图片的实现方法,使用promise 队列,保存多张图片到手机相册,小编觉得具有一定的参考价值,有兴趣的可以了解一下
list: [ 'admin/special/special_img_208479.jpg', 'admin/special/special_img_203201.jpg', 'admin/special/special_img_205969.jpg', 'admin/special/special_img_205498.jpg', 'admin/special/special_img_201519.jpg', 'admin/special/special_img_202689.jpg', 'admin/special/special_img_208243.jpg', 'admin/special/special_img_201756.jpg', 'admin/special/special_img_201454.jpg' loading:false * 生命周期函数--监听页面加载 onLoad: function(options) {}, // 下载图片 downloadImgs() { var _this = this // 获取保存到相册权限 writePhotosAlbum( ess() { wx.showLoading({ title: '加载中', mask: true // 调用保存图片promise队列 _this .queue(_this.data.list) .then(res = { wx.hideLoading() wx.showToast({ title: '下载完成' .catch(err = { wx.hideLoading() console.log(err) function fail() { wx.showToast({ title: '您拒绝了保存到相册' // 队列 queue(urls) { let promise = Promise.resolve() urls.forEach((url, index) = { promise = promise.then(() = { return this.download(url) return promise // 下载 download(url) { return new Promise((resolve, reject) = { wx.downloadFile({ url: url, success: function(res) { var temp = res.tempFilePath wx.saveImageToPhotosAlbum({ filePath: temp, success: function(res) { resolve(res) fail: function(err) { reject(res) fail: function(err) { reject(err)

项目案例

git clone sunnie1992/soul-weapp.git

直接用微信小程序开发工具打开就可以看到案例了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。