微信小程序实现文字识别-ocr插件

实现从图库中选择一张图片进行文字识别提取其中的有用文字信息,常用实现于身份证识别、驾驶证识别等功能。文字识别后会出现一个弹窗显示识别结果。

首先添加ocr插件
添加ocr插件请点击添加即可

//.js文件

var aid=''

Page({
  onLoad: function (options) {
    // this.setData({
    //   list:shuju
    // })

    // 选择图片
wx.chooseImage({
  count: 1,
  success: async function(res) {
    try {
      const invokeRes = await wx.serviceMarket.invokeService({
        service: 'wx79ac3de8be320b71',
        api: 'OcrAllInOne',
        data: {
          // 用 CDN 方法标记要上传并转换成 HTTP URL 的文件
          img_url: new wx.serviceMarket.CDN({
            type: 'filePath',
            filePath: res.tempFilePaths[0],
          }),
          data_type: 3,
          ocr_type: 1
        },
      })

      // shuju=JSON.stringify(invokeRes)
      console.log('invokeService success', invokeRes)
      // console.log('数据:', JSON.stringify(invokeRes))
      aid=JSON.stringify(invokeRes.data.idcard_res.name.text)
      console.log('姓 名:', JSON.stringify(invokeRes.data.idcard_res.name.text))
      console.log('性 别:', JSON.stringify(invokeRes.data.idcard_res.gender.text))
      console.log('身份证:', JSON.stringify(invokeRes.data.idcard_res.id.text))
      console.log('民 族:', JSON.stringify(invokeRes.data.idcard_res.nationality.text))
      console.log('地 址:', JSON.stringify(invokeRes.data.idcard_res.address.text))
      // console.log(aid)


      wx.showModal({
        title: 'success',
        content: JSON.stringify(invokeRes),

      })
    } catch (err) {
      console.error('invokeService fail', err)
      wx.showModal({
        title: 'fail',
        content: err,
      })
    }

  },
  fail: function(res) {},
  complete: function(res) {},
})

  },
  )}
//app.json中增加声明引入插件
  "plugins": {
    "ocr-plugin": {
      "version": "3.0.4",
      "provider": "wx4418e3e031e551be"
    }
  }
//页面的json还要增加声明
{
  "usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  }
}

版权声明:本文为m0_56685900原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。