简化车辆登记流程：利用腾讯云OCR实现自动化信息识别

发布于

项目中有一块，需要用到上传车牌车牌号到系统里，用了下腾讯云的ocr车牌号识别做了个小功能。通过腾讯云的orc识别，将车牌号录入到后台。

一，首先我们需要登录到腾讯云，然后搜索一下orc或者车牌号

https://curl.qcloud.com/dPX3dJRL 或者直接访问这个链接

二，进入后就是文字识别版块的一些介绍，我们直接点击立即使用。

三，然后根据引导开通一些文字识别接口，腾讯云目前会送接口次数，可以免费使用。

四，点击接口旁边的文档，可以先熟悉一下文档

五，然后我们就可以开始上代码，这里以微信的weui为例配合php做了一个简单的例子，大家可以将下面的html和php复制到自己的服务器，进行创建对应文件。

代码语言：html
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>物业车辆录入</title>
    <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css">
</head>
<body>
    <div class="weui-cells__title">车牌号拍照上传</div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="weui-uploader">
                    <div class="weui-uploader__hd">
                        <p class="weui-uploader__title">车牌号上传</p>
                    </div>
                    <div class="weui-uploader__bd">
                        <ul class="weui-uploader__files" id="uploaderFiles"></ul>
                        <div class="weui-uploader__input-box">
                            <input class="weui-uploader__input" type="file" accept="image/*" capture="camera" id="uploaderInput">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-btn-area">
        <a class="weui-btn weui-btn_primary" href="javascript:" id="submitBtn">提交</a>
    </div>

&lt;script src=&#34;https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js&#34;&gt;&lt;/script&gt;
&lt;script&gt;
    // 监听文件选择事件
    document.getElementById(&#39;uploaderInput&#39;).addEventListener(&#39;change&#39;, function (event) {
        var files = event.target.files;
        var file = files[0];

        if (!file) {
            return;
        }

        // 创建 FileReader 对象，用于读取文件
        var reader = new FileReader();

        reader.onload = function (e) {
            var base64Data = e.target.result; // 获取图片的Base64数据

            // 创建图片元素并显示在页面上
            var img = document.createElement(&#39;img&#39;);
            img.src = base64Data;
            img.style.maxWidth = &#39;100%&#39;;
            img.style.marginTop = &#39;10px&#39;;
            document.getElementById(&#39;uploaderFiles&#39;).innerHTML = &#39;&#39;;
            document.getElementById(&#39;uploaderFiles&#39;).appendChild(img);
        };

        reader.readAsDataURL(file);
    });

    // 监听提交按钮点击事件
    document.getElementById(&#39;submitBtn&#39;).addEventListener(&#39;click&#39;, function () {
        var img = document.querySelector(&#39;#uploaderFiles img&#39;);
        if (!img) {
            alert(&#39;请先选择图片&#39;);
            return;
        }

        var base64Data = img.src.split(&#39;,&#39;)[1]; // 提取图片的Base64数据
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方法和URL
xhr.open(&#39;POST&#39;, &#39;https://你的域名/20230824.php&#39;, true);

// 设置请求头，指定发送的数据类型为form-urlencoded
xhr.setRequestHeader(&#39;Content-Type&#39;, &#39;application/x-www-form-urlencoded&#39;);

// 监听请求状态变化
xhr.addEventListener(&#34;load&#34;, function() {
    if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        var color = response.Response.Color;
        var licensePlateNumber = response.Response.Number;
        console.log(response);
        alert(&#34;车牌号：&#34; + licensePlateNumber + &#34;，已录入后台 &#34;);
        location.reload();
    }
});


// 构造要发送的数据字符串
var imageUrl = &#39;http://你的域名/20230824.jpg&#39;; // 图片的URL
 var data = JSON.stringify({ imageUrl: imageUrl });


// 发送请求
xhr.send(data);
    });
&lt;/script&gt;



</body>

</html>
代码语言：php
复制
<?php


$postData = file_get_contents('php://input');


data1 = json_decode(postData, true);


// 获取base64Data的值

ImageUrl = data1['imageUrl'];


if($ImageUrl){


function get_url($durl)

{

$headers = array();

$curl = curl_init();

curl_setopt(curl, CURLOPT_URL, durl);

curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

curl_setopt($curl, CURLOPT_BINARYTRANSFER, true);

curl_setopt(curl, CURLOPT_HTTPHEADER, headers);

curl_setopt($curl, CURLINFO_HEADER_OUT, true);

curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);

curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);

data = curl_exec(curl);

curl_close($curl);

return $data;

}

$Action = 'LicensePlateOCR';

$SecretId = 'API密钥中的SecretId'; //API密钥中的SecretId

$secretKey = 'API密钥中的SecretKey'; //API密钥中的SecretKey

$Timestamp = time();

$Nonce = rand(1000, 9999);

$Region = 'ap-beijing';

$Version = '2018-11-19';

param[&#34;Nonce&#34;] = Nonce;

param[&#34;Timestamp&#34;] = Timestamp;

param[&#34;Region&#34;] = Region;

param[&#34;SecretId&#34;] = SecretId;

param[&#34;Action&#34;] = Action;

param[&#34;Version&#34;] = Version;

param[&#34;ImageUrl&#34;] = ImageUrl;


$param["Language"] = "zh-CN";


ksort($param);


$signStr = "GETocr.ap-beijing.tencentcloudapi.com/?";

foreach (param as key => $value) {

signStr = signStr . key . &#34;=&#34; . value . "&";

}

signStr = substr(signStr, 0, -1);


signature = urlencode(base64_encode(hash_hmac(&#34;sha1&#34;, signStr, $secretKey, true)));


URL = &#34;https://ocr.ap-beijing.tencentcloudapi.com/?Action=&#34;.Action."&Version=".Version.&#34;&amp;Region=&#34;.Region."&ImageUrl=".ImageUrl.&#34;&amp;Timestamp=&#34;.Timestamp."&Nonce=".Nonce.&#34;&amp;SecretId=&#34;.SecretId."&Signature=".$signature."&Language=zh-CN";


data = get_url(URL);

print_r($data);


}


?>

六，创建好对应文件后，我们再回到腾讯云这里来，鼠标移到最右上角，头像这里，然后进入访问管理。

七，然后进入访问密钥，将密钥的SecretId和SecretKey复制到php代码对应的地方。然后在浏览器打开html 就可以使用了

八，运行效果如下

#文字识别