隨著科技的不斷發(fā)展，圖片識(shí)別技術(shù)已經(jīng)成為了當(dāng)下移動(dòng)互聯(lián)網(wǎng)中的熱點(diǎn)話題。而基于微信小程序和 OCR 插件的圖文識(shí)別方案，更是成為了越來(lái)越多小程序開(kāi)發(fā)者關(guān)注和研究的問(wèn)題。本文中，我將為大家介紹微信小程序 OCR 插件，幫助大家實(shí)現(xiàn)身份證、行駛證、銀行卡、營(yíng)業(yè)執(zhí)照和駕駛證等識(shí)別功能。
1. 添加此插
首先，需要前往微信小程序社區(qū)平臺(tái)添加此插件（微信小程序社區(qū)平臺(tái)）
2. 購(gòu)買識(shí)別次數(shù)
添加完插件后，需要到微信服務(wù)平臺(tái)購(gòu)買識(shí)別次數(shù)（微信服務(wù)平臺(tái)），可以根據(jù)自身需求選擇，也可以先免費(fèi)0元試用100次，如果不購(gòu)買則會(huì)報(bào)錯(cuò)，識(shí)別不成功。
3. 在app.json中增加聲明引入插件
//app.json
"plugins": {
"ocr-plugin": {
"version": "3.1.3",
"provider": "wx4418e3e031e551be"
}
}
4.注冊(cè)插件
使用插件所在的json，或全局注冊(cè)插件
{
"usingComponents": {
"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
}
}
5.使用OCR插件
對(duì)外暴露自定義組件，UI載體為button（可樣式自定義）文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-712835.html
<!-- 識(shí)別組件 -->
<view
<ocr-navigator bind:onSuccess="platenumSuccess" certificateType="platenum">
<button type="primary">車牌號(hào)識(shí)別</button>
</ocr-navigator>
</view>
<!-- 識(shí)別出來(lái)的內(nèi)容 -->
<view>識(shí)別出來(lái)的內(nèi)容：{{ text }}</view>
Page({
data: {text: '' //要賦的值},
// 調(diào)用事件方法
platenumSuccess: function (e) {
console.log('識(shí)別數(shù)據(jù)的內(nèi)容', e);
// 賦值操作this.setData({text: e.detail.number.text})
},
})
OCR 插件除了能識(shí)別車牌號(hào)以外，該插件還支持身份證、行駛證、銀行卡、營(yíng)業(yè)執(zhí)照和駕駛證等識(shí)別文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-712835.html
6.使用示例
<ocr-navigator bind:onSuccess="success" certificateType="idCard" opposite="{{false}}">
<button type="primary" class="ocr-wrapper">身份證正面識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="idCard" opposite="{{true}}">
<button type="primary" class="ocr-wrapper">身份證反面識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="driverslicense">
<button type="primary" class="ocr-wrapper">駕駛證識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="drivingLicense">
<button type="primary" class="ocr-wrapper">行駛證識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="platenum">
<button type="primary" class="ocr-wrapper">車牌識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="bankCard">
<button type="primary" class="ocr-wrapper">銀行卡識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="businessLicense">
<button type="primary" class="ocr-wrapper">營(yíng)業(yè)執(zhí)照識(shí)別</button>
</ocr-navigator>
<ocr-navigator bind:onSuccess="success" certificateType="menu">
<button type="primary" class="ocr-wrapper">菜單識(shí)別</button>
</ocr-navigator>
到了這里，關(guān)于微信小程序OCR插件，實(shí)現(xiàn)身份證、行駛證、銀行卡、營(yíng)業(yè)執(zhí)照和駕駛證等識(shí)別的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
