uniapp微信小程序下载图片

根据提供的代码，uniapp微信小程序下载图片的方法有多种实现方式。以下是其中几种常见的方法：

方法一：
可以使用uni.downloadFile()方法下载图片，然后使用uni.saveImageToPhotosAlbum()方法保存图片到本地相册。代码示例如下：

handledownload() {
  const that = this
  uni.downloadFile({
    url: '图片地址',
    success: res => {
      if (res.statusCode === 200) {
        uni.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: function() {
            uni.showToast({ title: '保存成功', duration: 2000 })
          },
          fail: function() {
            uni.showToast({ title: '保存失败', duration: 2000 })
          }
        })
      } else {
        uni.showToast({ title: '保存失败', duration: 2000 })
      }
    }
  })
}

方法二：
可以使用uni.downloadFile()方法下载图片，然后使用uni.openDocument()方法打开文档来查看下载的图片。代码示例如下：

download(i) {
  uni.downloadFile({
    url: this.mate[i].path,
    success: function(res) {
      var filePath = res.tempFilePath;
      uni.openDocument({
        filePath: filePath,
        showMenu: true,
        success: function(res) {
          console.log('打开文档成功');
        }
      });
    },
    fail: (err) => {
      console.log(err);
      uni.showToast({ icon: 'none', mask: true, title: '失败请重新下载' });
    },
  });
}

方法三：
与方法二类似，可以使用uni.downloadFile()方法下载图片，然后使用uni.saveFile()方法将文件保存到本地，最后使用uni.openDocument()方法打开保存的图片。代码示例如下：

download(i) {
  uni.downloadFile({
    url: this.mate[i].path,
    success: function(data) {
      if (data.statusCode === 200) {
        uni.saveFile({
          tempFilePath: data.tempFilePath,
          success: function(res) {
            uni.showToast({ icon: 'none', mask: true, title: '文件已保存：' + res.savedFilePath, duration: 3000 });
            setTimeout(() => {
              uni.openDocument({
                filePath: res.savedFilePath,
                success: function(res) {
                  console.log('打开文档成功');
                }
              });
            }, 2000);
          }
        });
      }
    },
    fail: (err) => {
      console.log(err);
      uni.showToast({ icon: 'none', mask: true, title: '失败请重新下载' });
    },
  });
}

以上是uniapp微信小程序下载图片的几种常见实现方法。根据实际需求和代码逻辑，可以选择适合的方法进行实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [在uniapp微信小程序中保存图片到本地相册](https://blog.csdn.net/jayusmazyyolk/article/details/126532923)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uniapp下载文件 例（Word）以及下载其他文件，Word文件的转发，保存，查看](https://blog.csdn.net/weixin_56718509/article/details/124615998)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]