微信小程式怎麼用攝影機辨識二維碼

微信小程式怎麼用攝影機辨識二維碼   

微信小程式為我們提供了一個API：wx.scanCode(Object object )，可以用它來呼叫掃碼功能來辨識二維碼。

推薦學習：小程式開發

用攝影機辨識二維碼的方法如下：

1、先寫wxml文件，新增呼叫掃碼功能的按鈕

<view class=&#39;form-list&#39;>
  <text>二维码内容</text>
  <input type=&#39;text&#39; value=&#39;{{scanCodeMsg}}&#39;></input>
  <image class=&#39;scan&#39; bindtap=&#39;scanCode&#39; src=&#39;/images/scanCode.png&#39; mode=&#39;widthFix&#39;></image>
</view>

2、然後編寫按鈕的點擊事件，將識別的二維碼內容輸出即可。

data: {
  scanCodeMsg: "",
},
scanCode: function() {
  var that = this;
  wx.scanCode({ //扫描API
    success(res) { //扫描成功
      console.log(res) //输出回调信息
      that.setData({
        scanCodeMsg: res.result
      });
      wx.showToast({
        title: '成功',
        duration: 1000
      })
    }
  })
},

PHP中文網，大量免費MySQL影片教學，歡迎學習！

以上是微信小程式怎麼用攝影機辨識二維碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！