前言

使用promise 隊列，保存多張圖片到手機相冊

問題:有些手機會出現只能保存五張圖片，報錯信息:無法寫入

promise需要好好學習

核心代碼

// pages/saveImgs/index.jsimport { writePhotosAlbum } from '../../utils/util'Page({ /**  * 頁面的初始數據  */ data: {  list: [   'https://timgs.top1buyer.com/admin/special/special_img_20190301160008479.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160013201.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160015969.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160025498.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160031519.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160042689.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160108243.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190301160111756.jpg',   'https://timgs.top1buyer.com/admin/special/special_img_20190304160141454.jpg'  ],  loading:false }, /**  * 生命周期函數--監聽頁面加載  */ onLoad: function(options) {}, // 下載圖片 downloadImgs() {  var _this = this  // 獲取保存到相冊權限  writePhotosAlbum(   function success() {    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)    }   })  }) }})

項目案例

github地址

git clone https://github.com/sunnie1992/soul-weapp.git

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。