access_token/生成小程序码/图片流转换图片

<view bindtap="clicktest">click test
  <image style="width: 200rpx;height:200rpx;" src="{{imgSrc}}"></image>
</view>

获取access_token

clicktest(){
    var access_token

    wx.request({
      url:`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=自己的小程序appid`,
      method:'get',
      header: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'},
      success: (res) => {
          console.log('接口1---',res)       
          access_token=res.data.access_token
      },
      fail:(res)=>{console.log('fail')},
      complete:(res)=> {}

    })

}

返回access_token

 获取小程序码并转图片显示在页面

1、获取小程序码，见官方文档：获取小程序码 | 微信开放文档

这里我用的是第三个无限量：wxacode.getUnlimited | 微信开放文档

返回结果：

 2、官方有直接讲图片流转成base64的方法，但是不维护了 string wx.arrayBufferToBase64(ArrayBuffer arrayBuffer) | 微信开放文档

 3、获取文件管理器（就是代码里用到的）,具体介绍可详见官方文档：

FileSystemManager | 微信开放文档

FileSystemManager.writeFile(Object object) | 微信开放文档

打印结果

具体代码如下： 

var postData={
    page:'pages/index',//小程序需要打开的页面路径
    scene:'1_321456',//小程序码上需要携带的参数，形式自己定义，我这边是以_分割参数
    width:'200',//图片大小
    check_path:true,//检查 page 是否存在,具体详解见api
    env_version:'release'//要打开的小程序版本：正式版release，体验版trial，开发版develop
}
wx.request({
    url:`https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${access_token}`,
    method:'post',
    data:postData,
    header: { 'Content-Type':'application/json;charset=utf-8'},//在Network下Preview下如果返回47001的错误，是数据格式不对，可以试试把x-www-form-urlencoded换成application/json
    responseType: 'arraybuffer',
    success: (res) => {
        console.log('接口2---',res)  
        //---------------以下是将图片流转成图片显示在页面
        //图片流转base64的这个方法api已经停止维护了
        // const base64 = wx.arrayBufferToBase64(res.data);
        // this.setData({
        //   userImageBase64: `data:image/jpg;base64,${base64}`
        // });


        var filePath = wx.env.USER_DATA_PATH + '/qrcode.jpg';//设置临时路径
        wx.getFileSystemManager().writeFile({//获取到的数据写入临时路径
          filePath: filePath,//临时路径
          encoding: 'binary',//编码方式，二进制
          data: res.data,//请求到的数据
          success:  (res) => {
            console.log('返回结果',res)
            console.log('路径',filePath)//打印路径
            this.setData({
              imgSrc:filePath
            })
          //---------------以下是将图片流转成图片显示在页面  End
          },
          fail: function(res) {
            console.log(res)
          },

        })

    },
    fail:(res)=>{console.log('fail')},
    complete:(res)=> {}

  })