当前位置: 首页 > news >正文

华视 CVR-100UC 身份证读取 html二次开发模板

python读卡:python读卡
最近小唐应要求要开发一个前端的身份证读卡界面,结果华视CVR-100UC 的读取界面是在是有点,而且怎么调试连官方最基本的启动程序都执行不了。CertReader.ocx 已成功,后面在问询一系列前辈之后,大概知道可能是ActiveX组件禁用的问题,各种禁用【哭死】。后来去找到了一个比较远古的CVR-100UC读卡,是基于后端服务器的,exe双击运行即可

资源:
链接:https://pan.baidu.com/s/1FtC12sv6g45lFMKI4SZMbQ?pwd=6boq 
提取码:6boq
#读卡
http://localhost:19196/readCard
#关闭连接
http://localhost:19196/CloseDevice
#打开连接
http://localhost:19196/openDevice

在这里插入图片描述
目录结构
在这里插入图片描述

代码如下
html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><button id="lj">连接设备</button><button id="read">读取信息</button><button id="close">断开连接</button><div><img id="tx" src="" alt="身份证照片"><div id="data"></div><script src="./js/dy.js"></script></div>
</body>
</html>

js

document.getElementById('lj').addEventListener('click', function() {const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {const data = JSON.parse(xhr.responseText);document.getElementById('data').innerHTML = JSON.stringify(data);}};xhr.open('GET', 'http://localhost:19196/openDevice');xhr.send();});document.getElementById('read').addEventListener('click', function() {const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {const data = JSON.parse(xhr.responseText);const imageBase64 = 'data:image/jpeg;base64,' + data.identityPic;document.getElementById('tx').src = imageBase64;document.getElementById('data').innerHTML = JSON.stringify(data);}};xhr.open('GET', 'http://localhost:19196/readCard');xhr.send();});document.getElementById('close').addEventListener('click', function() {const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {const data = JSON.parse(xhr.responseText);document.getElementById('data').innerHTML = JSON.stringify(data);}};xhr.open('GET', 'http://localhost:19196/CloseDevice');xhr.send();});

测试结果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/297649.html

相关文章:

  • ubuntu彻底卸载cuda 重新安装cuda
  • 【Java】学习笔记:关于java.sql;
  • python web 框架Django学习笔记
  • ubuntn20 搭建 redmine
  • 每日五道java面试题之java基础篇(三)
  • 如何升级 gpt4?快速升级至ChatGPT Plus指南,爆火的“ChatGPT”到底是什么?
  • 【实习】深信服防火墙网络安全生产实习
  • 怎么把视频音乐提取成mp3?分享详细工具和方法!
  • 代码随想录算法训练营第44天 | 完全背包理论基础 518.零钱兑换II 377.组合总和 Ⅳ
  • 深度解析与推荐:主流Web前端开发框架
  • 【React】如何使antd禁用状态的表单输入组件响应点击事件?
  • Apache Flink
  • SpringMVC速成(一)
  • 通过nginx学习linux进程名的修改
  • 【PyTorch】实现迁移学习框架DANN
  • thinkphp6入门(18)-- 中间件中除了handle函数,还可以有其它函数吗
  • Java stream 流的基本使用
  • C++面向对象 Part 2
  • 海外云手机的核心优势
  • CDN相关和HTTP代理
  • STM32的ADC电压采集
  • 基于麻雀优化算法优化XGBoost参数的优化控制策略
  • Python爬虫——请求库安装
  • 瑞芯微推理RKNN使用
  • 动漫风博客介绍页面源码
  • 网络的基本概念和socket编程
  • 探索C语言的内存魔法:动态内存管理解析
  • 2023年全国职业院校技能大赛软件测试赛题第3套
  • 【数据分享】1929-2023年全球站点的逐日降水量数据(Shp\Excel\免费获取)
  • SpringBoot WebSocket客户端与服务端一对一收发信息