uniapp中使用百度ocr识别引入项目

uniapp中使用百度ocr识别引入项目

官网申请地址

orcAPI文档地址

1.先获取token

javascript 复制代码
	const getToken = () => {
		uni.request({
			url: 'https://aip.baidubce.com/oauth/2.0/token',
			method: 'POST',
			data: {
				grant_type: 'client_credentials',
				client_id: '**', apikey
				client_secret: '**', skey
			},
			header: {
				'Content-Type': 'application/x-www-form-urlencoded',
			},
			success: res => {
				uni.setStorageSync('access_token', res.data.access_token); // 获取到token存起来 后面调用 api要用
			},
		});
	};

2.根据需求调用api

javascript 复制代码
	const identification = () => {
		// 测试身份证识别
		uni.request({
			url: 'https://aip.baidubce.com/rest/2.0/ocr/v1/idcard?access_token=' + uni.getStorageSync('access_token'), 
			method: 'POST',
			data: {
				url: '****',
				id_card_side: 'front',
			},
			header: {
				'Content-Type': 'application/x-www-form-urlencoded',
			},
			success: res => {
				console.log(res); //读取结束 json
			},
		});
	};
相关推荐
CHB3 小时前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
anyup7 小时前
月销 8000+,uView Pro 让 uni-app 跨端开发提速 10 倍
前端·uni-app·开源
willow4 天前
uniapp实战
uni-app
只会cv的前端攻城狮4 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat5 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端7 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li7 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup7 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia8 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia8 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app