【阿里云高校计划】零基础学习视觉AI，Day2-身份证识别系统搭建(学习笔记)

本文链接：https://blog.csdn.net/weixin_43245160/article/details/106578044

这篇学习笔记详述了如何从零开始构建身份证识别系统，包括前端的图片上传、错误提示、类型限制功能，以及后端的图片判断和异常处理。OcrService部分涉及初始化标签和调用阿里云的身份证识别服务。

摘要由CSDN通过智能技术生成

【阿里云高校计划】零基础学习视觉AI，Day2

身份证识别系统搭建（学习笔记）

身份证识别系统搭建（学习笔记）

文中原视频地址为达摩院特别版-视觉AI训练营

参考官方开发文档阿里云视觉智能开放平台

下载ODR的SDK包（本文使用1.0.3版本），传送门OCR

实现逻辑

前端

实现上传

<div class="col-sm-4">
                        <div class="input-group">
                            <input id='location' class="form-control" onclick="$('#i-face').click();">
                            <label class="input-group-btn">
                                <input type="button" id="i-check" value="上传人像面" class="btn btn-primary" onclick="$('#i-face').click();">
                            </label>
                        </div>
                    </div>
                    <input type="file" name="face" id='i-face'  accept=".jpg, .png, .jpeg" onchange="$('#location').val($('#i-face').val());" style="display: none">
                    <div class="col-sm-4">
                        <div class="input-group">
                            <input id='location1' class="form-control" onclick="$('#i-back').click();">
                            <label class="input-group-btn">
                                <input type="button" id="i-check-1" value="上传国徽面" class="btn btn-primary" onclick="$('#i-back').click();">
                            </label>
                        </div>
                    </div>

提示报错

<div class="col-sm-12">
                    <p th:text="${message}" th:if="${message ne null}" class="alert alert-primary"></p>
                </div>

限定图片上传类型

<input type="file" name="back" id='i-back'  accept=".jpg, .png, .jpeg" onchange="$('#location1').val($('#i-back').val());" style="display: none">