小程序获取小程序码并保存到手机

最新推荐文章于 2024-07-05 15:29:28 发布

遗淰

最新推荐文章于 2024-07-05 15:29:28 发布

阅读量123

点赞数 2

文章标签：小程序 vue.js

本文链接：https://blog.csdn.net/qq_38982882/article/details/137689516

版权

场景值：需要生成带参数的小程序码
参考文档：微信生成小程序码官方文档

由于服务端返回的是base64格式的数据，所以还是需要处理一下的

let base64 = "接口获取的base64"
//展示
this.imageUrl = 'data:image/jpeg;base64,' + base64;

//将base64转为图片
saveImg() {
  Taro.showLoading({
    title: '保存中...',
  });
  let saveImgUrl = this.imageUrl.replace(/^data:image\/\w+;base64,/, "");
  //获取文件管理器对象
  var fsm = Taro.getFileSystemManager();
  fsm.writeFile({
    filePath: Taro.env.USER_DATA_PATH + '/applet.png',
    data: saveImgUrl,
    encoding: 'base64',
    success: () => {
      this.saveToImg(Taro.env.USER_DATA_PATH + '/applet.png')
    },
    fail: () => {
      Utils.toast("下载失败")
    },
  });
},
async saveToImg(filePath) {
  Taro.getSetting({
    success: async (res) => {
      Taro.authorize({
        scope: 'scope.writePhotosAlbum',
        success: async () => {
          Taro.saveImageToPhotosAlbum({
            filePath,
            success: async () => {
              Utils.toast("保存成功")
            },
            fail() {
              Utils.toast("保存失败，请重试")
            }
          })
        },
        fail: (err) => {
          Taro.hideLoading();
          if (
            err.errMsg === "authorize:fail:auth denied" ||
            err.errMsg === "authorize:fail auth deny" ||
            err.errMsg === "authorize:fail:auth deny" ||
            err.errMsg === "authorize:fail authorize no response"
          ) {
            Taro.showModal({
              title: '提示',
              content: `需要您授权相册写入权限`,
              confirmColor: '#000',
              success: red => {
                if (red.confirm) {
                  Taro.openSetting({
                    success(res) {
                      console.log(res, 'res')
                      if (res?.authSetting['scope.writePhotosAlbum']) {
                        Utils.toast('获取权限成功,再次点击即可下载')
                      }
                    },
                    fail(err) {
                      console.log("fail", err)
                    },
                    complete(res) {
                      console.log("finish", res)
                    }
                  })
                } else {

                }
              }
            })
          }
        }
      })
    }
  })
},