微信小程序中生成二维码工具以及扫一扫

微信小程序中生成二维码工具:wxapp.qrcode.min.js

  //画布的宽高和id必须给
<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>
<view>
      <button bindtap="scanCode">扫一扫</button>
</view>
//将weapp.qrcode.min.js 拷贝至项目中,然后引用js文件
let drawQrcode = require('../../utils/wxapp.qrcode.min.js');
//再调用 drawQrcode() 绘制二维码
qr(){ 
    drawQrcode({ 
      //宽度
        width: 200,
        //高度
        height: 200,
        //画布id
        canvasId: 'myQrcode',
        //要生成的内容
        text: 'https://baidu.com'
      })
  },
  //扫一扫
  // 允许从相机和相册扫码
  scanCode: function () { 
    wx.scanCode({ 
    scanType:['barCode', 'qrCode'],
      success(res) { 
        console.log(res)
        //result 所扫码的内容
        //scanType 所扫码的类型
        //charSet 所扫码的字符集
        //path 当所扫的码为当前小程序二维码时,会返回此字段,内容为二维码携带的 path
        //rawData 原始数据,base64编码
      }
    })
  },
  onLoad: function (options) { 
   this.qr()
  	//微信小程序码
   // let appid = '###'//小程序appid
    // let secret = '###'//秘钥
    // wx.request({ 
    // url: `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${secret}`,
    // method: 'GET',
    // success: function (res) { 
    // console.log(res.data.access_token, 'res.access_token')
    // wx.request({ 
    // url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + res.data.access_token,
    // method: 'POST',
    // data: { 
    // scene: 1012,
    // // 是否为Png,默认jpeg
    // is_hyaline: true,
    // // 是否自动取色
    // auto_color: true,
    // page: 'pages/index/index',
    // },
    // responseType: 'arraybuffer',
    // complete: function (res) { 
    // console.log(res, "图片地址")
    // let url= "data:image/png;base64," + wx.arrayBufferToBase64(res.data);//解析bae64图片
    // that.setData({ 
    // url: url
    // })
    // },
    // })
    // }
    // })
  }

wxapp.qrcode下载地址

    原文作者:赵啸林
    原文地址: https://blog.csdn.net/weixin_49295874/article/details/115348835
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞