今天在整一個(gè)有關(guān)于快遞的小程序，快遞單號(hào)一般比較長(zhǎng)，手動(dòng)錄入會(huì)很麻煩。

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

wx.scanCode(Object object)

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

示例代碼：

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

WXSS就不貼了

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

<view class='form-list'><text>運(yùn)單號(hào)碼</text><input type='text' value='{{scanCodeMsg}}'></input><image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image> </view>

給掃描按鈕的圖片綁定一個(gè)事件，點(diǎn)擊調(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é)

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

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