微信小程序保存多张图片的实现方法

前言

使用承诺队列，保存多张图片到手机相册

问题：有些手机会出现只能保存五张图片，报错信息：无法写入

承诺需要好好学习

核心代码

//pages/SAVEIMGs/index。' jsimport { WritePhotosound } from '././utils/util'Page({ /** *页面的初始数据*/data : { list : [' https://timgs。top1买家。com/admin/special/special _ img _ 20190301160008479。jpg '，' https://timgs。top1买家。com/admin/special/special _ img _ 20190301160013201。jpg '，' 3359 timgs。top1买家。com/admin/special/special _ img '生命周期函数-监听页面加载*/onLoad:函数（选项){},//下载图片downloadImgs() { var _this=this //获取保存到相册权限writePhotosAlbum(函数success(){ wx。showloading({ title : ')加载中，mask: true }) //调用保存图片承诺队列_这个队列(_this.data.list).然后(RES={ wx。HideLoading()。wx。ShowToast({ title : ')下载完成' }) }) .catch(err={ wx。HideLoading()。控制台。log(err)})}，function fail(){ wx。showToast({ title : '您拒绝了保存到相册' }) } ) }, //队列队列(URL){ let promise=promise。解析()网址。foreach(((网址，索引)={诺言=诺言。然后(()={返回这个。下载(网址)})})返回承诺}，//下载下载(URL){ 0返回新的承诺(解析，拒绝)={ wx.downloadFile({ url: url，success : function(RES)} { var temp=RES . tempfile path wx。保存imagetotopsalbum({ file path : temp，success 3360 function(RES){ resolve(RES)}，fail : function(err){ reject(err)} })})

项目案例

开源代码库地址

饭桶克隆https://github.com/sunnie1992/soul-weapp.git直接用微信小程序开发工具打开就可以看到案例了

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