微信小程序生成二维码

描述：根据访客的基本信息生成二维码，当点击生成生成访客码时跳转到二维码页面


实现：
1、在生成访客页面，点击按钮调用接口获取生成二维码的内容，并将它保存到Storge中

 wx.request({
        url: '',//url后端地址
        method:'POST',
        data:{
          userName:this.data.userName,
          phone:this.data.phone,
          content:this.data.content,
          projectId:this.data.projectId,
        },
        header:{
          'Content-Type': 'application/x-www-form-urlencoded',
          'Cookie': 'JSESSIONID='+wx.getStorageSync('cooke')
        },
        dataType:'json',
        success:function(res){
          console.log(res);
          console.log(res.data.authCode);
          console.log(res.data.pinCode);


          // res.picurl
          // let picUrl = res.picurl||'https://pc-index-skin.cdn.bcebos.com/hiphoto/64392040877.jpg?x-bce-process=image/crop,x_12,y_0,w_1728,h_1080';
          if(res.data.code==200){
            **wx.setStorageSync('visitorAuthCode', res.data.authCode);**
            **wx.setStorageSync('visitorPinCode', res.data.pinCode);**
            let url ='/pages/visitorCode/visitorCode';
            wx.navigateTo({
              url:url
            })
          }
        },
        fail:function(err){
          console.log(err);
        },
      })

2、在生成二维码页面中

//引入生成二维码的插件
const QR = require('../../utils/weapp-qrcode.js')

 onLoad: function (options) {
    let visitorAuthCode = wx.getStorageSync('visitorAuthCode');
    let visitorPinCode = wx.getStorageSync('visitorPinCode');
    this.drawImg(visitorAuthCode);
    this.drawImg(visitorPinCode);
  },
//绘制二维码
  drawImg: function (code) {
    console.log(code);
    var imgData = QR.drawImg(code, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    this.setData({
      picUrl: imgData
    })
  },

前端页面

  <image class="Code" src='{{picUrl}}'></image>