首頁 > 微信小程式 > 小程式開發 > 微信小程式怎麼用攝影機辨識二維碼

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

angryTom
發布: 2020-03-23 12:53:39
原創
7353 人瀏覽過

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

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

微信小程式為我們提供了一個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: &#39;成功&#39;,
        duration: 1000
      })
    }
  })
},
登入後複製

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板