微信小程序 — 保存图片到手机相册, 调用官方接口uni.saveImageToPhotosAlbum

63 阅读1分钟

image.png

页面

<template>
   <view>
 <u-button @click="saveImage" type="info" size="medium">保存图片</u-button>
   </view>
 </template>
   
js逻辑操作方法
注意:

需要配合wx.downloadFile 先来实现下载图片, 且需要先到微信官方后台配置域名, 才能最终保存成功

image.png

saveImage () {
      uni.showToast({
            title: '保存中...', 
            duration: 2000
          })
      wx.downloadFile({
        url:this.lists.qr_code,
        success: function(res) { 
          if(res.statusCode===200) {
            let img=res.tempFilePath;
            uni.saveImageToPhotosAlbum({
              filePath: img,
              success (res) {
                uni.showToast({
                  title: '保存成功',
                  icon: 'success',
                  duration: 2000
                });
              },
              fail (res) {
                uni.showToast({
                  title: '保存失败', 
                  duration: 2000
                });
              }
            });
          }
        }
      });

    },
  }