WeChatアプレットはカメラを呼び出して、QRコードとバーコードをスキャンして認識します

今日、速達に関する小さなプログラムがあります。速達追跡番号は一般的に比較的長く、手動入力は非常に面倒です。

それから探しましたが、実際、WeChatアプレットAPIにはスキャンコード認識機能が付いています。

wx.scanCode（オブジェクトオブジェクト）

クライアントのスキャンコードインターフェイスを起動して、コードをスキャンします。

サンプルコード：

// 允许从相机和相册扫码
wx.scanCode({
  success(res) {
    console.log(res)
  }
})

// 只允许从相机扫码
wx.scanCode({
  onlyFromCamera: true,
  success(res) {
    console.log(res)
  }
})

WXSSは投稿しません

WXMLパーツ（アプリケーション）：

<view class='form-list'>
  <text>运单号码</text>
  <input type='text' value='{
   
   {scanCodeMsg}}'></input>
  <image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
</view>

イベントをスキャンボタンの画像にバインドし、クリックしてカメラを呼び出してコードをスキャンすると、スキャンが成功した後、値が入力ボックスの値に割り当てられます。効果は次のとおりです。

JSパート（アプリケーション）：

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
      })
    }
  })
},

パラメータオブジェクトオブジェクト

object.successコールバック関数

パラメータ

オブジェクト解像度

転載元：https：//www.w3h5.com/post/255.html