最近在做一個(gè)產(chǎn)品，程序是需要掃描條形碼然后跳轉(zhuǎn)到對(duì)應(yīng)的產(chǎn)品信息頁(yè)，其實(shí)微信小程序就有一個(gè)掃碼識(shí)別的API，下面一起來(lái)看看：

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

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>

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

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

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

參數(shù) Object object

屬性	類型	默認(rèn)值	說(shuō)明
onlyFromCamera	boolean	false	是否只能從相機(jī)掃碼，不允許從相冊(cè)選擇圖片
scanType	Array.<string>	['barCode', 'qrCode']	掃碼類型
success	function		接口調(diào)用成功的回調(diào)函數(shù)
fail	function		接口調(diào)用失敗的回調(diào)函數(shù)
complete	function		接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）

object.scanType 的合法值

值	說(shuō)明
barCode	一維碼
qrCode	二維碼
datamatrix	Data Matrix 碼
pdf417	PDF417 條碼

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

參數(shù)

Object res

屬性	類型	說(shuō)明
result	string	所掃碼的內(nèi)容
scanType	string	所掃碼的類型
charSet	string	所掃碼的字符集
path	string	當(dāng)所掃的碼為當(dāng)前小程序二維碼時(shí)，會(huì)返回此字段，內(nèi)容為二維碼攜帶的 path
rawData	string	原始數(shù)據(jù)，base64編碼

res.scanType 的合法值

值	說(shuō)明
QR_CODE	二維碼
AZTEC	一維碼
CODABAR	一維碼
CODE_39	一維碼
CODE_93	一維碼
CODE_128	一維碼
DATA_MATRIX	二維碼
EAN_8	一維碼
EAN_13	一維碼
ITF	一維碼
MAXICODE	一維碼
PDF_417	二維碼
RSS_14	一維碼
RSS_EXPANDED	一維碼
UPC_A	一維碼
UPC_E	一維碼
UPC_EAN_EXTENSION	一維碼
WX_CODE	二維碼
CODE_25	一維碼

以上就是關(guān)于微信小程序掃描二維碼的相關(guān)介紹，希望文章對(duì)你有所幫助。

總結(jié)

以上是生活随笔為你收集整理的微信小程序扫描二维码或者条码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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