H5和html、mui等前端百度ORC识别身份证、驾驶证接口的api实现方法

勇闯天亚

于 2019-03-23 18:35:10 发布

阅读量3.8k

点赞数 3

分类专栏： MUI 前端后端文章标签： mui api 百度识别身份证识别驾驶证识别

本文链接：https://blog.csdn.net/u012442504/article/details/88765884

版权

前端同时被 3 个专栏收录

42 篇文章 0 订阅

订阅专栏

MUI

40 篇文章 2 订阅

订阅专栏

后端

21 篇文章 1 订阅

订阅专栏

直接上代码：

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<input type="file" id="img" onchange="getImg(event)" />
        <img id="showImg" src="" />
		<!--<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
		 <script>
        var access_token = "24.e71dad8fba3d53e2daa33592687b9188.2592000.1555582034.282335-15796956";//百度access_token
        // 监听图片选择事件
        function getImg (event) {
            var imageBase = "";
            var reader = new FileReader();
            reader.readAsDataURL(event.target.files[0]);
            reader.onload = function (e) {
                imageBase = e.target.result.replace("data:image/jpeg;base64,","");
                $("#showImg").prop("src", "data:image/jpeg;base64,"+ imageBase);
                $.ajax({
                    header: {
                        "Content-Type": "application/x-www-form-urlencoded"
                    },
                    type: "post",
//                  url: "https://aip.baidubce.com/rest/2.0/ocr/v1/idcard",//身份证
                    url: "https://aip.baidubce.com/rest/2.0/ocr/v1/driving_license",//驾驶证
                    async: true,
                    data: {
                        access_token: access_token,
//                      id_card_side: "front",
//                      id_card_side: "back",
                        detect_direction:true,
                        unified_valid_period:true,
                        image: imageBase
                    },
                    dataType: "json",
                    timeout: 30000,
                    success: function (data) {
                        console.log("解析成功");
                        console.log(data);
                    },
                    error: function (xhr) {
                        console.log("请求解析失败");
                    }
                });
            }
        }
    </script>
	</body>

</html>

百度access_token自己去生成自己的即可，如果不会的可以去看百度官方文档，还不会的回复我，我教你。

也可以使用我弄好的文件直接用：下载地址：https://download.csdn.net/download/u012442504/11052365

勇闯天亚

关注

3
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
H5和html、mui等前端百度ORC识别身份证、驾驶证接口的api实现方法

直接上代码：<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-s...
复制链接

扫一扫