原生小程序如何将图片保存到了本地？

最新推荐文章于 2024-09-14 16:14:53 发布

原创最新推荐文章于 2024-09-14 16:14:53 发布 · 625 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

该代码段展示了如何使用微信小程序API（wx.getImageInfo和wx.saveImageToPhotosAlbum）将从后端获取的门禁二维码图片保存到本地并进一步保存到用户的相册。如果用户取消操作，则会捕获并处理相关错误。

这里的应用场景是后端给我们的一个门禁二维码，保存到本地发给朋友

async saveImage() {
    try {
      // 将网络路径转换为本地临时路径
      const imageInfo = await wx.getImageInfo({
         //src:图片的路径，支持网络路径、本地路径代码包路径、this.data.url 是后端给的一个线上地址
        src: this.data.url
      });
      // 保存临时路径对应的文件到相册
      const res = await wx.saveImageToPhotosAlbum({
     // filePath：图片文件路径，可以是临时文件路径或永久文件路径 (本地路径) "!不支持网络路径"
      //imageInfo.path 这样就可以拿到临时本地路径
        filePath: imageInfo.path
      });
      // 保存成功，可以进行相应的处理
      console.log("保存成功", res);
    } catch (error) {
      // 处理保存图片到相册的错误
      if (error.errMsg === 'saveImageToPhotosAlbum:fail cancel') {
        // 用户取消保存操作
        console.log("保存操作已取消");
      } else {
        // 其他错误，进行相应处理
        console.error("保存图片失败", error);
      }
    }