UNIAPP小程序OCR识别

原创

杨不易呀

发布于 2023-10-03 18:45:21

1.1K0

发布于 2023-10-03 18:45:21

文章被收录于专栏：杨不易呀

开通ocr

前往微信服务市场购买免费的

https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415

添加插件

小程序平台设置 -》第三方设置

引用OCR插件到UNIAPP

修改 mainifset,json

/* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "小程序ID",
        "setting" : {
            "urlCheck" : false,
            "minified" : true,
            "es6" : false
        },
        "usingComponents" : true,
        "plugins" : {
            //OCR证件识别
            "ocr-plugin" : {
                "version" : "3.0.6",
                "provider" : "你申请的小程序小程序ID"
            }
        },
        "permission" : {
            "scope.userLocation" : {
                "desc" : "获取定位消息"
            }
        }
    },

修改pages.json

哪个页面需要则需要手动引入api

"usingComponents": {
	"ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
}

OCR 使用

插件文档

https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415

uniapp代码实现

<ocr-navigator @onSuccess="scanIdcardFront" certificateType="idCard" :opposite="false">
  <u-icon slot="right" size="26" :name="img['icon-1']"></u-icon> // 这里你搞按钮都可以只是显示字体用于点击
</ocr-navigator>

字段解析->>>>>>>>>>
onSuccess: 用于扫描后的回调
certificateType: 扫描的类型 身份证(idCard)
opposite:  如果是身份证扫码 那么这个参数  true 表示有国徽那面  false表示照片哪面