uniapp微信小程序调用阿里云ocr身份证识别

前置条件

  • 1.注册阿里云账号并实名认证
  • 2.购买ocr服务
    请添加图片描述
  • 3.找到购买的服务
    首页> 搜索 api网关 > API网关管理控制台 > 调用API > 应用管理 >云市场 >你购买的服务
    在这里插入图片描述
    在这里插入图片描述
  • 4.复制 AppCode 备用
  • 5.点击查看API详情
    在这里插入图片描述

代码示例

<script lang="ts" setup>
import { pathToBase64, base64ToPath } from 'image-tools' //将图片转换为base64
// 阿里云ocr 识别
// 阿里云ocr 识别
const goCuttingScan=()=> {

    uni.chooseImage({
     count: 1,
     sizeType: ['original'],
     success: (res) => {
      const tempFilePaths = res.tempFilePaths;
      pathToBase64(tempFilePaths[0])
        .then(base64 => {

        let base64Img = base64.substring(base64.indexOf(',') + 1)
        let ocrParams = {
         "image": base64Img,
         "configure": "{'side':'face'}" //face正面、back反面
        };
        
        // ocr 调用
        proxy.$dialog.loading()
        uni.request({
         method: 'POST',
         url: 'https://cardnumber.market.alicloudapi.com/rest/160601/ocr/ocr_idcard.json',
         header: {
          'Authorization': 'APPCODE 你的APPCode' //APPCODE值 ('APPCODE xxxxxxx')类似于token的形式
         },
         dataType: 'json',
         data: JSON.stringify(ocrParams),
          success(res: any) {
          // 463 输入图像不是对应服务的图像
          if (res.statusCode == 463) return proxy.$dialog.toast('请传入对应服务的图像')
          if (res.statusCode == 200) {
          // 识别成功 进行后续操作
           console.log(res);
          }
         }
        })
       })
        .catch(error => {
        console.error(error)
       })
     }
    })
   }
</script>
  • 图片转base64插件返回示例,需要截取base64,后面的值
    在这里插入图片描述

小程序服务器域名配置

  • https://cardnumber.market.alicloudapi.com 加入即可
  • 不进行配置发布小程序后无法调用到服务
    在这里插入图片描述
  • 真机调试和预览时也无法调用服务 在微信开发者工具中如下开启不校验合法域名
    在这里插入图片描述

bye)🤡

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐