vue uni.saveImageToPhotosAlbum 保存图片到手机相册或者本地系统

492 阅读1分钟

image.png

 <view class="ziti_img">
      <image :src="lists.qr_code" mode="widthFix" />
 </view>
    
    
 
   saveImage () {
      uni.showToast({
        title: '保存中...',
        icon: 'loading',
        duration: 2000
      })
      let that=this
      let fileName=new Date().valueOf();
      let filePath=wx.env.USER_DATA_PATH+'/'+fileName+'.jpg'
      wx.downloadFile({  //下载文件资源到本地
        url: that.lists.qr_code,
        filePath: filePath,
        success: function(res) {
          if(res.statusCode==200) {
            let filePath=res.filePath;
            uni.saveImageToPhotosAlbum({//保存图片到系统相册
              filePath,
              success (res) { 
                uni.showToast({
                  title: '保存成功',
                  duration: 2000
                });
              },
              fail (res) {
                uni.getSetting({ //获取用户的当前设置。
                  success: res => {
                    let authSetting=res.authSetting
                    if(!authSetting) {
                      uni.showModal({
                        title: '提示',
                        content: '您未开启保存图片到相册的权限,请点击确定去开启权限!',
                        success (res) {
                          if(res.confirm) {
                            uni.openSetting() //调起客户端小程序设置界面,返回用户设置的操作结果。
                          }
                        }
                      })
                    }
                  }
                })
              }
            });
          }
        }
      });

    },