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

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

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

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

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

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

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

<!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>

    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>

    <script>

        // 监听文件选择事件

        document.getElementById('uploaderInput').addEventListener('change', 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('img');

                img.src = base64Data;

                img.style.maxWidth = '100%';

                img.style.marginTop = '10px';

                document.getElementById('uploaderFiles').innerHTML = '';

                document.getElementById('uploaderFiles').appendChild(img);

            };

            reader.readAsDataURL(file);

        });

        // 监听提交按钮点击事件

        document.getElementById('submitBtn').addEventListener('click', function () {

            var img = document.querySelector('#uploaderFiles img');

            if (!img) {

                alert('请先选择图片');

                return;

            }

            var base64Data = img.src.split(',')[1]; // 提取图片的Base64数据

    // 创建一个XMLHttpRequest对象

    var xhr = new XMLHttpRequest();

    // 设置请求方法和URL

    xhr.open('POST', 'https://你的域名/20230824.php', true);

    // 设置请求头，指定发送的数据类型为form-urlencoded

    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    // 监听请求状态变化

    xhr.addEventListener("load", function() {

        if (xhr.readyState === 4 && xhr.status === 200) {

            var response = JSON.parse(xhr.responseText);

            var color = response.Response.Color;

            var licensePlateNumber = response.Response.Number;

            console.log(response);

            alert("车牌号：" + licensePlateNumber + "，已录入后台 ");

            location.reload();

        }

    });

    // 构造要发送的数据字符串

    var imageUrl = 'http://你的域名/20230824.jpg'; // 图片的URL

     var data = JSON.stringify({ imageUrl: imageUrl });

    // 发送请求

    xhr.send(data);

        });

    </script>

</body>

</html>

　　

<?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["Nonce"] = $Nonce;

$param["Timestamp"] = $Timestamp;

$param["Region"] = $Region;

$param["SecretId"] = $SecretId;

$param["Action"] = $Action;

$param["Version"] = $Version;

$param["ImageUrl"] = $ImageUrl;

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

ksort($param);

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

foreach ($param as $key => $value) {

    $signStr = $signStr . $key . "=" . $value . "&";

}

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

$signature = urlencode(base64_encode(hash_hmac("sha1", $signStr, $secretKey, true)));

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

$data = get_url($URL);

print_r($data);

}

?>

　　

 

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

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

八，运行效果如下

简化车辆登记流程：利用腾讯云OCR实现自动化信息识别的更多相关文章

  1. 如何利用腾讯云COS为静态博客添加动态相册

    前言 本文首发于个人网站Jianger's Blog,欢迎访问订阅.个人博客小站刚建站不久,想着除了主题里的功能外再添加上相册模块,于是半搜索半摸索把相册模块搞出来了,最后采用了利用腾讯云对象存储作图 ...

  2. 云+社区分享——腾讯云OCR文字识别

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由云+社区运营团队发布在腾讯云+社区 前言 2018年3月27日腾讯云云+社区联合腾讯云智能图像团队共同在客户群举办了腾讯云OCR文字识 ...

  3. 谈谈调用腾讯云【OCR-通用印刷体识别】Api踩的坑

    一.写在前面 最近做项目需要用到识别图片中文字的功能,本来用的Tesseract这个写的,不过效果不是很理想. 随后上网搜了一下OCR接口,就准备使用腾讯云.百度的OCR接口试一下效果.不过这个腾讯云 ...

  4. 腾讯云OCR图片文字识别

    一. OCR OCR (Optical Character Recognition,光学字符识别)是指电子设备(例如扫描仪或数码相机)检查纸上打印的字符,通过检测暗.亮的模式确定其形状,然后用字符识别 ...

  5. 腾讯云OCR服务二次开发

    本文记录了对腾讯云OCR服务二次开发的代码和开发过程中遇到的问题.

  6. 从QQ音乐开发，探讨如何利用腾讯云SDK在直播中加入视频动画

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯游戏云发表于云+社区专栏 看着精彩的德甲赛事,突然裁判一声口哨,球赛断掉了,屏幕开始自动播放"吃麦趣鸡盒,看德甲比赛&q ...

  7. 利用腾讯云COS云对象存储定时远程备份网站

    版权声明:本文由张戈 原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/942851001487125915 来源:腾云阁 h ...

  8. 利用腾讯云免费证书打造全https站

    什么是https? 超文本传输安全协议(Hypertext Transfer Protocol Secure,缩写为HTTPS)是一种网络安全传输协议http是HTTP协议运行在TCP之上,所有传输的 ...

  9. 利用腾讯云为你的域名申请并配置免费SSL一年

    我想,点进来的朋友,应该都知道SSL的重要性吧.这里就简单提一下,大型网站域名只有配置了SSL后,才会更加安全. 现在,微信小程序也开始要求后台必须是SSL配置后的域名了.说了这么多,估计有些人还是有 ...

  10. 利用腾讯云函数部署.Net 5米游社原神每日签到功能

    自从GitHub批量禁止滥用Action功能后,项目不得不考虑另外方案执行应用.其中腾讯云函数被大家作为不错的选择(虽然马上也要收费了). 但对于.Net的部署目前资源很少,而且我也没学过bash.在 ...

随机推荐

  1. 【python基础】循环语句-break关键字

    1.break关键字 break关键字,其作用是在循环中的代码块遇到此关键字,立刻跳出整个循环,执行循环外的下一条语句. 其在while和for循环中的作用示意图如下: 1.1break在while循 ...

  2. 曲线艺术编程 coding curves 第七章 抛物线（Parabolas）

    抛物线 Parabolas 原作:Keith Peters https://www.bit-101.com/blog/2022/11/coding-curves/ 译者:池中物王二狗(sheldon) ...

  3. V8是如何执行JavaScript代码的？

    前言 一般来讲,电脑是不能直接运行我们的javascript代码的,它需要一个翻译程序将人类能够理解的编程语言 JavaScript,翻译成机器能够理解的机器语言.目前市面上有很多种 JavaScri ...

  4. ClickHouse技术研究及语法简介

    本文对Clickhouse架构原理.语法.性能特点做一定研究,同时将其与mysql.elasticsearch.tidb做横向对比,并重点分析与mysql的语法差异,为有mysql迁移clickhou ...

  5. 大数据实战手册-开发篇之IO

    2.4 sparkContext IO:读 2.4.1 textFile # Load a text file and convert each line to a Row. lines = sc.t ...

  6. PowerDesigner反向导入表+PowerDesigner的ER图设计+PowerDesigner连接外键的线（版本16.5）

    使用PowerDesigner导入表+PowerDesigner画ER图+PowerDesigner设置外键 ps: ①ER图:就是PD中的 Physical Diagram 一.导入表,并设置备注为 ...

  7. animation动画+关键帧实现轮播图效果（再次学习）!

    再次遇到要实现轮播图效果的时候,发现还是不怎么会,因为对js还没有熟练使用,只希望使用h5和css3实现效果 虽然之前已经学习了一遍了,但是还是不熟练,再次学习一下了 这次的可作为套板使用,无序列表为 ...

  8. ubuntu发行版内核源码下载

    Ubuntu 发行版linux内核在哪里? 内核安装包:http://archive.ubuntu.com/ubuntu/pool/main/l/linux/ 内核源码:https://git.lau ...

  9. Django基本数据库操作

    Django基本数据库操作 @ 目录 Django基本数据库操作 ‍内容一:基本数据库配置 ‍内容二:ORM基本操作 ‍内容一:基本数据库配置 Django是一个流行的Python Web框架,它可以 ...

  10. vue+element 判断table表格输入不能为空

    点击确定的时候,判断表格其中某行某值不能为空 1.HTML <div class="app-container"> <el-form ref="form ...