微信小程序二维码识别

准备工作

代码编写

通过点击按钮来调用函数进行扫码，将返回的信息显示在文本标签中

<button class="Scan" type="primary" bindtap="GetInfo">扫码识别</button>
<view class="message">获取到的信息为:</view>
<textarea class="GetText" maxlength="-1" value="{
           
    {info}}"></textarea>

样式设计

.Scan{
          
   
  margin-top: 80px;
  text-align: center;
}

.GetText{
          
   
  margin-left: 5px;
  margin-top: 20px;
  width: 403px;
  height: 500px;
  background-color: lightgray;
}
.message{
          
   
  height: 5px;
  margin-top: 5px;
}

js代码

Page({
          
   
  data:{
          
   
    info:" ",
  },
  GetInfo(){
          
   
    var that = this
    wx.scanCode({
          
   
      onlyFromCamera: false, //设置为可以使用本机图片
      scanType:[barCode,datamatrix,pdf417,qrCode], //可以扫描的类型
        //成功后
      success:function(res){
          
   
        //console.log(res.result)
        that.info = res.result
        console.log(that.info)
        that.setData({
          
   
          info:res.result
        })
      }
    })
  }
})