今天在整一個有關(guān)于快遞的小程序，快遞單號一般比較長，手動錄入會很麻煩。

然后就找了一下，其實微信小程序 API 中自帶一個掃碼識別的功能。

wx.scanCode(Object object)

調(diào)起客戶端掃碼界面進行掃碼。

示例代碼：

// 允許從相機和相冊掃碼 wx.scanCode({success(res) {console.log(res)} })// 只允許從相機掃碼 wx.scanCode({onlyFromCamera: true,success(res) {console.log(res)} })

WXSS就不貼了

WXML部分（應(yīng)用）：

<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>

給掃描按鈕的圖片綁定一個事件，點擊調(diào)用攝像頭掃碼，掃描成功將數(shù)值賦給 input 輸入框的 value 值。效果如下圖：

JS 部分（應(yīng)用）：

data: {scanCodeMsg: "", }, scanCode: function() {var that = this;wx.scanCode({ //掃描APIsuccess(res) { //掃描成功console.log(res) //輸出回調(diào)信息that.setData({scanCodeMsg: res.result});wx.showToast({title: '成功',duration: 1000})}}) },

參數(shù) Object object

object.success 回調(diào)函數(shù)

參數(shù)

Object res

轉(zhuǎn)自：https://www.w3h5.com/post/255.html

總結(jié)

以上是生活随笔為你收集整理的微信小程序调用摄像头扫描识别二维码和条形码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。