前言
随着科技的不断发展,图文识别技术已经成为了当下移动互联网中的热点话题。而基于微信小程序和 OCR 插件的图文识别方案,更是成为了越来越多小程序开发者关注和研究的问题。本文中,我将为大家介绍一款超简单的微信小程序 OCR 插件,帮助大家实现图文识别功能。
1. 首先,我们需要前往微信小程序社区平台添加此插件(微信小程序社区平台)
2. 添加完插件后,我们需要到微信服务平台购买识别次数(微信服务平台),可以根据自身需求选择,也可以先免费0元试用100次,如果不购买则会报以下错误
3. 接下来是代码中需要配置的几个地方
app.json
"plugins": {
"ocr-plugin": {
"version": "3.1.2",
"provider": "wx4418e3e031e551be"
}
},
使用插件所在的json
{
"usingComponents": {
"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
}
}
如图:
4. 以上操作都完成之后,我们就可以愉快的在项目中使用OCR插件了,代码比较简单,就不多做赘述,下面直接进入实例
home.wxml
<!-- 识别组件 -->
<view>
<ocr-navigator bind:onSuccess="platenumSuccess" certificateType="platenum">
<button type="primary">车牌号识别</button>
</ocr-navigator>
</view>
<!-- 识别出来的内容 -->
<view>识别出来的内容:{{ text }}</view>
home.js
Page({
data: {
text: '' //要赋的值
},
// 调用事件方法
platenumSuccess: function (e) {
console.log('识别数据的内容', e);
// 赋值操作
this.setData({
text: e.detail.number.text
})
},
})
home.json
{
"usingComponents": {
"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
}
}
实现效果
当然,OCR
插件除了能识别车牌号以外,该插件还支持身份证、行驶证、银行卡、营业执照和驾驶证等识别,大家感兴趣的话可以去官方开发文档查看,上面还有很多有趣好玩的内容。(OCR开发文档)