调用百度Ai

完成一个学生信息录入的网页小案例

添加图片，身份证信息对号入座

官方文档中心：https://ai.baidu.com/docs#/OCR-API/7e4792c7

utils.py

#encoding:utf-8

import requests

import urllib

from urllib import parse

import os

import json

import base64

URL = 'https://aip.baidubce.com/rest/2.0/ocr/v1/idcard'

class PersonIdCard(object):

    Access_Token_URL = 'https://aip.baidubce.com/oauth/2.0/token'

    Access_Key = 'your_ak'

    Secret_Key = 'your_sk'

    def get_access_token(self):

        date = {

            'grant_type':'client_credentials',

            'client_id':self.Access_Key,

            'client_secret':self.Secret_Key

        }

        headers = {

            'Content-Type': 'application/json; charset=UTF-8'

        }

        resp = requests.post(self.Access_Token_URL,data=date,headers=headers)

        return resp.json()['access_token']

    def personalMsg(self,access_token,imgInput):

        header = {

            'Content-Type':'application/x-www-form-urlencoded'

        }

        f = open(imgInput,'rb')

        img = base64.b64encode(f.read())

        params = {

            'image':img,

            'id_card_side':'front',

            'access_token':access_token,

        }

        params = parse.urlencode(params)

        resp = requests.post(url=URL,data=params,headers=header)

        return json.loads(resp.text)

def getworlds(resp,key):

    result = resp['words_result']

    return result[key]['words']

views.py

        p = PersonIdCard()

        access_token = p.get_access_token()

        resp = p.personalMsg(access_token,os.path.join(settings.MEDIA_ROOT,file.name))

        place = getworlds(resp,'住址')

        gender = getworlds(resp,'性别')

        birthday = getworlds(resp,'出生')

        name = getworlds(resp,'姓名')

        nation = getworlds(resp,'民族')

        idcard = getworlds(resp,'公民身份号码')

        data = {

            'name':name,'gender':gender,'place':place,'birthday':birthday,'nation':nation,

            'idcard':idcard

        }

后台代码用的django,其它框架类似：personalMsg(access_token，you_file_path)

前台js代码：

function getObjectURL(file) {

    var url = null;

    if (window.createObjectURL != undefined) { // basic

        url = window.createObjectURL(file);

    }

    else if (window.URL != undefined) {// mozilla(firefox)

        url = window.URL.createObjectURL(file);

    }

    else if (window.webkitURL != undefined) {

        // webkit or chrome

        url = window.webkitURL.createObjectURL(file);

    }

    return url;

}       //添加一个展示图片的url

$(function () {

    var name = $("input[name='name']");

    var gender = $("input[name='gender']");

    var nation = $("input[name='nation']");

    var birthday = $("input[name='birthday']");

    var place = $("input[name='place']");

    var idcard = $("input[name='idcard']");

    var formData = new FormData();

    $("#card").change(function () {

        var objUrl = getObjectURL(this.files[0]);

        $("#mycard").attr('src',objUrl);

        formData.append('card',this.files[0]);

            myajax.post({

                'url':'/person/',

                'data':formData,

                processData:false,

                contentType:false,

                'success':function (result) {

                    if(result['code']==200){

                        var person = result['data'];

                        name.val(person['name']);

                        gender.val(person['gender']);

                        birthday.val(person['birthday']);

                        place.val(person['place']);

                        idcard.val(person['idcard']);

                        nation.val(person['nation']);

                    }

                }

            })

    })

})

html代码：

{% load static %}

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

	<title>学生档案</title>

    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

    <link rel="stylesheet" href="{% static 'add_student_archives.css' %}">

    <script src="{% static 'xfzajax.js' %}"></script>

    <script src="{% static 'add_student_archives.js' %}"></script>

</head>

<body>

<label for="card" class="lab-card">添加身份证照片</label>

<input type="file" id="card"  style="display: none">

<img src="" alt="" id="mycard">

	<form action="">

		<fieldset>

			<legend>学生档案</legend>

			<label for="">

				姓名: <input type="text" required autofocus placeholder="请输入姓名" name="name">

			</label>

			<label for="">

				性别: <input type="text" placeholder="请输入性别" name="gender">

			</label>

			<label for="">

				民族: <input type="text" placeholder="请输入民族" name="nation">

			</label>

            <label for="">

				出生日期: <input type="text" placeholder="请输入出生日期" name="birthday">

			</label>

            <label for="">

				住址: <input type="text" placeholder="请输入住址" name="place">

			</label>

                  <label for="">

				身份证号: <input type="text" placeholder="请输入身份证号" name="idcard">

			</label>

			<label for="">

				所属学院: <input type="text" list="course" placeholder="选择专业">

				<datalist id="course">

					<option value="软件设计"></option>

					<option value="树媒"></option>

					<option value="JAVA"></option>

					<option value="Android"></option>

					<option value="IOS"></option>

					<option value="大数据"></option>

					<option value="游戏"></option>

					<option value="网安"></option>

				</datalist>

			</label>

			<label for="">

				入学日期: <input type="date" value="2016-09-01">

			</label>

			<label for="">

				毕业时间: <input type="date" value="2020-06-01">

			</label>

			<label for="" class="btn">

				<input type="submit" value="保存">

			</label>

		</fieldset>

	</form>

</body>

</html>

css

body {

			margin: 0;

			padding: 0;

			background-color: #F7F7F7;

			background: url("../../media/bg.jpg") no-repeat;

			font-family: '汉仪大隶书繁';

		}

.lab-card{

	padding: 10px 10px 10px 20px;

	background: #CCCCCC;

	border-radius: 5px;

	width: 40px;

	float: left;

}

#mycard{

	float: left;

}

		form {

			max-width: 640px;

			margin: 24px auto;

			font-size: 28px;

			background: #FFFFFF;

		}

		label {

			display: block;

			margin: 10px 10px 15px;

			font-size: 24px;

		}

		form input {

			display: block;

			width: 100%;

			height: 40px;

			font-size: 22px;

			margin-top: 10px;

			padding: 6px 10px;

			color: #333;

			border: 1px solid #CCC;

			box-sizing: border-box;

		}

		meter, progress {

			display: block;

			width: 100%;

			margin-top: 10px;

		}

		.btn {

			margin-top: 30px;

		}

		.btn input {

			color: #FFF;

			background-color: green;

			border: 0 none;

			outline: none;

			cursor: pointer;

		}

效果展示：

Python 百度ai身份证接口案例的更多相关文章

  1. 用百度AI平台接口实现OCR文字识别

    目录 一.接入指南 1.注册 2.登录 3.创建应用 二.安装接口模型 三.编写python代码 四.识别结果 一.接入指南 若想利用百度AI开放平台进行软件开发,首先应成为百度AI开放平台的开发者. ...

  2. 百度AI身份证识别demo，使用js提交图片数据

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  3. django--调用百度AI接口实现人脸注册登录

    面部识别----考勤打卡.注册登录.面部支付等等...感觉很高大上,又很方便,下面用python中的框架--django完成一个注册登录的功能,调用百度AI的接口,面部识别在网上也有好多教程,可以自己 ...

  4. 百度AI认为最漂亮的中国女星是----范冰冰

    一.程序说明 1.1 程序说明 之前写调用百度AI接口的程序,然后刷到了两条明星的新闻,就想到了写个给明星颜值排下名的程序. 程序的关键点是两个,第一个是百度AI接口的调用这点其实直接使用早前实现的类 ...

  5. 基于Flask和百度AI实现与机器人对话

    实现对话机器人主要有个步骤 : 一.前端收集语音传入后端 二.后端基于百度AI接口进行语音识别,转换成文字 三.对文字进行自定义验证或通过图灵端口进行处理,生成回复内容 四.将文字通过百度AI接口合成 ...

  6. 百度AI接口---身份证识别Demo

    题记:自己是做java web的,但是本人以前接触并学习很多图像的知识,所以对图像很敏感.下面以百度的一个接口,实现身份证识别案例 1.需要百度开发者AppID.SecretKey .API Key. ...

  7. Python人工智能-基于百度AI接口

    参考百度AI官网:http://ai.baidu.com/ 准备工作: 支持Python版本:2.7.+ ,3.+ 安装使用Python SDK有如下方式 >如果已经安装了pip,执行 pip ...

  8. python 全栈开发，Day122(人工智能初识,百度AI)

    一.人工智能初识 什么是智能? 我们通常把人成为智慧生物,那么”智慧生物的能力”就是所谓的”智能”我们有什么能力?听,说,看,理解,思考,情感等等 什么是人工智能? 顾名思义就是由人创造的”智慧能力” ...

  9. java通过百度AI开发平台提取身份证图片中的文字信息

    废话不多说,直接上代码... IdCardDemo.java package com.wulss.baidubce; import java.io.BufferedReader; import jav ...

随机推荐

  1. jquery遍历之parent()与parents()的区别 及 parentsUntil() 方法

    来自:http://blog.csdn.net/zm2714/article/details/8117746 .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选( ...

  2. DevOps：软件架构师行动指南（文摘）

    第一部分 背景 第1章 DevOps是什么 第二部分 部署流水线 第三部分 横切关注点 第四部分 案例研究 第五部分 走向未来

  3. ES6展开运算符的3个用法

    展开运算符的用法1:传参 // 展开运算符的用法1 : 传参 function test(a,b) { return a + b ; } var arr = [1,2]; console.log(te ...

  4. c语言const和c++const

    1.常量 常量是指值不能被改变的量,又叫做字面值 1.1常量分类 1)字符常量:'a', 'A', '*'. 2)字符串常量:"helloworld","ilovechi ...

  5. c# 得到list符合某条件的索引值，排序

    请教,在List集合中怎么得到元素的索引值,参考:http://www.myexception.cn/c-sharp/385022.html 这个可以用来读取窗口的多个textbox控件中内容: -- ...

  6. Ng第八课：神经网络表述(Neural Networks: Representation)

    8.1  非线性假设 8.2  神经元和大脑 8.3  模型表示 1 8.4  模型表示 2 8.5  特征和直观理解 1 8.6  样本和直观理解 II 8.7  多类分类 8.1  非线性假设 无 ...

  7. Ubuntu Remove Mysql.service in Systemctl

    After installing MySQL 5.7, I do not want to start MySQL via systemctl. It's unconvenient and compli ...

  8. （简单匹配）Card Game Cheater -- hdu --1528

    http://acm.hdu.edu.cn/showproblem.php?pid=1528 Card Game Cheater Time Limit: 2000/1000 MS (Java/Othe ...

  9. Leetcode-448. Find All Numbers Disappeared in an Array(solve without extra space easy)

    Given an array of integers where 1 ≤ a[i] ≤ n (n= size of array), some elements appear twice and oth ...

  10. java基本数据类型与封装类型详解(int和Integer区别)

    int是java提供的8种原始数据类型之一. Java为每个原始类型提供了封装类,Integer是java为int提供的封装类(即Integer是一个java对象,而int只是一个基本数据类型).in ...