使用uniapp对接百度ocr识别_unapp 调用百度ocr授权

百度云ocr

第一步：注册百度云账号

注册登录后点击立即使用

第二步：领取免费资源

第三步：创建应用

填写对应的信息创建

查看应用列表 得到自己的API Key      API Key

查看api文档


以识别身份证为例

第四步 代码模块

1.获取百度云access_token

2.根据获取到的 token 调用鉴别接口；

3.鉴别错误处理；
4.鉴别成功，上传图片。

最后 完整代码

<template>
	<view class="content">
		<button class="token" @click="getACSS_TOKEN">
			获取百度Token
		</button>
		<button class="pic" @click="getImg">
			上传图片
		</button>
		<image :src="base64str" mode=""></image>
		<view class="idcard" v-if="idcard">
			身份证号：{{idcard}}
		</view>
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				apiKey: '',
				SecretKey: '',
				base64str: '',
				idcard:''
			}
		},
		onLoad() {
			// 在百度智能云那边创建一个应用后可以获取到下面两个参数 api Key  和  Secret Key
			this.apiKey = uni.getStorageSync('apiKey')
			this.SecretKey = uni.getStorageSync('SecretKey')
		},
		methods: {
			getImg() {
				let that = this
				let access_token = uni.getStorageSync('access_token')
				
				uni.chooseImage({
				    count: 1, //默认9
				    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				    sourceType: ['camera','album'], //从拍照或者相册选择 
				    success: function (res) {
				        
						let tempFilePaths = res.tempFilePaths[0]
						// 图片转 base64
						uni.getFileSystemManager().readFile({
							filePath: tempFilePaths, //选择图片返回的相对路径  
							encoding: 'base64', //编码格式  
							success: v=> { //成功的回调  
								let base64 =  v.data // 返回的是没有 'data:image/jpeg;base64,'头的数据, 需要在页面显示图片可自行追加上  
								that.base64str = 'data:image/jpeg;base64,' + base64
								
								// 开始识别
								uni.request({
									url: 'https://aip.baidubce.com/rest/2.0/ocr/v1/idcard?access_token=' + access_token,
									method: 'POST',
									data: {
										image: base64,
										id_card_side: 'front'// 身份证 正反面  front：身份证含照片的一面  back：身份证带国徽的一面
									},
									header: {
										'Content-Type': 'application/x-www-form-urlencoded'
									},
									success: res => {
										console.log(res.data.words_result)
										that.idcard = res.data.words_result.公民身份号码.words
									}
								});
							 }  
						}) 
						
						
				    }
				});
				
			},
			// access_token 有效期为 2592000 秒 / 30天
			getACSS_TOKEN() {
				let that = this
				uni.request({
					url: 'https://aip.baidubce.com/oauth/2.0/token',
					method: 'POST',
					data: {
						grant_type: 'client_credentials',
						client_id: 'LUjYZXkjGpeHp7G34GhgYLUa',// 对应自己创建应用里获取的AK
						client_secret: 'koO2Gfxu2mtNfZeAZr4ekkcTRNqAPrxe'// 对应自己创建应用里获取的SK
					},
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: res => {
						console.log(res.data)
						uni.setStorageSync('access_token', res.data.access_token)
						// console.log(JSON.parse(res.data))
					}
				});
			}
		}
	}
</script>
 
<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
 
	.text-area {
		display: flex;
		justify-content: center;
	}
	
	.token{
		font-size: 36rpx;
		margin-bottom: 20rpx;
	}
	
	.pic{
		font-size: 36rpx;
	}
</style>
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122