小程序：下载图片文件（wx.downloadFile）并保存到手机相册（wx.saveImageToPhotosAlbum）

嫣嫣细语

已于 2023-05-12 10:45:09 修改

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序 javascript 前端

于 2023-05-11 14:20:46 首次发布

本文链接：https://blog.youkuaiyun.com/aaa123aaasqw/article/details/130621068

该代码段展示了一个在微信小程序中用于批量下载图片并保存到手机相册的函数。函数首先显示加载提示，然后遍历图片数据，对每张图片进行下载。成功下载后，图片会被保存到相册。如果用户未授权访问相册，函数会引导用户开启相关权限。最后，所有图片下载并保存完成后，会显示提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装下载函数：

downloadAllPic (imgData) {
  wx.showLoading({
    title: '图片下载中'
  })
  let uploadNum = 0
  let picNum = 0
  imgData.forEach((item, index, arr) => {
    if (item.imgUrl) {
      picNum++
      wx.downloadFile({
        url: item.imgUrl,
        success: function (res) {
          // 图片保存到本地
          wx.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,
            success: function (data) {
              uploadNum++
              if (uploadNum === picNum) {
                wx.hideLoading()
                wx.showModal({
                  title: '提示',
                  content: '图片已保存到您的手机相册',
                  showCancel: false
                })
              }
            },
            fail: function (err) {
              console.log(err)
              if (err.errMsg === 'saveImageToPhotosAlbum:fail auth deny') {
                console.log('当初用户拒绝，再次发起授权')
                wx.openSetting({
                  suc