微信小程序下载图片到本地

最新推荐文章于 2025-06-09 09:10:50 发布

原创最新推荐文章于 2025-06-09 09:10:50 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

前端笔记专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了在微信小程序中实现图片下载并保存至相册的功能。通过调用微信API的downloadFile与saveImageToPhotosAlbum方法，实现了从指定URL下载图片，并在用户授权后将图片保存至手机相册。同时，文章提供了错误处理策略，如用户未授权时如何引导用户进行设置调整。

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

downloadImg: function(e){　　　　　　　　　　　　　　　　//触发函数
    console.log(e.currentTarget.dataset.url)
    wx.downloadFile({
      url: e.currentTarget.dataset.url,　　　　　　　//需要下载的图片url
      success: function (res) {　　　　　　　　　　　　//成功后的回调函数
        wx.saveImageToPhotosAlbum({　　　　　　　　　//保存到本地
          filePath: res.tempFilePath,
          success(res) {
            wx.showToast({
              title: '保存成功',
              icon: 'success',
              duration: 2000
            })
          },
          fail: function (err) {
            if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
              wx.openSetting({
                success(settingdata) {
                  console.log(settingdata)
                  if (settingdata.authSetting['scope.writePhotosAlbum']) {
                    console.log('获取权限成功，给出再次点击图片保存到相册的提示。')
                  } else {
                    console.log('获取权限失败，给出不给权限就无法正常使用的提示')
                  }
                }
              })
            }
          }
        })
      }
    });
  },