因为业务需求,有车牌识别的功能,所以上网找了图片识别的解决方案,发现BAT都有,但是百度的免费次数最多,对业务来说就相当于全免费了,所以就选择了百度的API,😄。官方文档地址:https://ai.baidu.com/docs#/OCR-API/top。
1.拍照获取图片
项目是H5 APP,拍照用了H5+的api。
//拍照
captureImage() {
let _this = this;
var cmr = plus.camera.getCamera();
var res = cmr.supportedImageResolutions[0]; //摄像头支持的拍照分辨率
var fmt = cmr.supportedImageFormats[0]; //摄像头支持的拍照文件格式
cmr.captureImage((path)=> {
_this.convertUrl(path);
},
function(error) {
console.log("Capture image failed: " + error.message);
}, {
resolution: res,
format: fmt
}
);
},
2.图片转base64
根据官方文档,图片要转成base64数据。
//转换图片路径并调用方法识别
convertUrl(path){
let _this = this;
//转换为本地文件路径
plus.io.resolveLocalFileSystemURL(path, function(entry) {
var localurl = entry.toLocalURL();
var reader = new plus.io.FileReader();
reader.onloadend = function (e) {
var imgData = e.target.result.replace("data:image/jpeg;base64,", "").replace("data:image/png;base64,", "");//base64图片
ocr.startOCR(imgData, res=>{
var number = res.words_result.number;
if(number.length == 7){
uni.showToast({
title: "识别成功",
icon: "none"
})
var values = number.split("");
_this.result = values;
}
});
};
reader.readAsDataURL(localurl);
});
},
3.获取Access Token
好了,现在图片数据有了,在调百度车牌识别API之前还要先获取Access Token,而要获取Access Token,又得先登记一个应用,取到应用的API KEY和SECRET KEY。
//获取access_token
function requestAccessToken(callback) {
let params = {
grant_type: 'client_credentials', //固定值
client_id: api_key, //登记应用的API KEY
client_secret: secret_key //登记应用的SECRET KEY
}
//network是封装的ajax请求函数
network.request('https://aip.baidubce.com/oauth/2.0/token', params, null, "GET", res => {
if (res.hasOwnProperty('access_token')) {
let nowTime = new Date().getTime();
//记录当前请求时间是为了判断access_token是否过期
let access_token_obj = {
access_token: res.access_token,
requestTime: nowTime
}
uni.setStorageSync("access_token_obj", access_token_obj)
callback(res.access_token);
} else { //获取access_token失败
console.log(JSON.stringify(res));
}
});
}
4.调用车牌识别API
先判断之前是否请求过access_token,如果请求过再判断access_token是否过期。
/**
* 开始进行文字识别,传入base64图片数据和回调函数
*/
function startOCR(imgData, callback) {
console.log("开始识别...");
console.log("access_token缓存?" + uni.getStorageSync("access_token_obj"));
if (uni.getStorageSync("access_token_obj")) { //如果access_token已存入缓存,表示请求过
let obj = uni.getStorageSync("access_token_obj");
let nowTime = new Date().getTime();
if ((nowTime - obj.requestTime) >= 1000 * 3600 * 24 * 30) { //如果上次请求时间在30天之前,则需要重新获取access_token
requestAccessToken(res => {
recognition(res, imgData, callback);
});
} else {
recognition(obj.access_token, imgData, callback);
}
} else { //缓存中没有access_token
requestAccessToken(res => {
recognition(res, imgData, callback);
});
}
}
//识别中...调用文字识别API,传入图片数据参数
function recognition(access_token, imgData, callback) {
let params = {
access_token: access_token,
image: imgData
};
let header = {
'Content-Type': 'application/x-www-form-urlencoded' //请求头设置成固定值
};
network.request('https://aip.baidubce.com/rest/2.0/ocr/v1/license_plate', params, header, "POST", res => {
callback(res);
}, err => {
uni.showToast({
title: "请对准车牌重新拍照",
icon: "none"
})
}, "识别中...");
}
只要参数都没有问题,那么接下来就能得到返回结果,返回车牌信息(车牌号、车牌颜色等等)。
调用其他场景的图片识别API同理。
网友评论