在web浏览器页面使用IC卡读卡器

html实现读取读卡器,如何在web浏览器页面使用IC卡读卡器并且兼容所有浏览器 随着H5技术的不断发展与推广,H5技术被广泛用于移动设备,PC终端等众多领域。同时,越来越多的应用都基于B/S(浏览器/服务器)模式,降低开发难度的同时还能更好的普及和应用,突破了硬件设备的兼容性问题。然而,嵌入式开发的设备并没有跟上H5技术的脚步,现在很多嵌入式设备并不支持或者不能友好的支持浏览器应用。举个例子,如何在web浏览器页面使用IC卡读卡器并且兼容所有浏览器?针对这个问题,有人肯定会说... 阅读详情

在web浏览器中要嵌入IC卡读卡器,如果使用IE浏览器,那么只能使用OCX控件,不管这个OCX后缀是dll还是ocx。

然后在网页端 通过javascript或者vbscript脚本调用ocx的接口来读写IC卡数据。


以下代码打开USB端口

function OpenReader()
{
  if(document.ReaderTest.YW_USBHIDInitial()<=0)
  {
      document.getElementById("CardNo").value = "没有读卡器";
      return false;
   } 
  return true;
}


以下代码寻卡操作
function RequestCard()
{
   var i;
   var CardType;
   var vCardNo;
   var LenCardNo;
   

   if(OpenReader()==false)return;

   i = document.ReaderTest.YW_RequestCard(1,82);
   if(i<0)
   {
	document.getElementById("CardNo").value ="寻卡失败";
	return;
   }
   i = document.ReaderTest.YW_AntiCollide(1);
   if(i<0)
   {
	document.getElementById("CardNo").value ="寻卡失败";
	return;
   }

   
   LenCardNo = document.ReaderTest.OutData1Size;
   vCardNo    = document.ReaderTest.OutData1;
   document.getElementById("CardNo").value = document.ReaderTest.ConvertCardNo(vCardNo, 0);	
   i = document.ReaderTest.YW_CardSelect(1,LenCardNo,vCardNo);
   
   
}


以下代码读卡数据:

function ReadCard()
{
   var BlockID;
   var Key;
   RequestCard();
   BlockID = document.getElementById("BlockIDRead").value; 
   
   Key =document.ReaderTest.GetVariantFromHexStr(document.getElementById("KeyRead").value);
   i = document.ReaderTest.YW_KeyAuthorization(1,96,BlockID,Key);
   if(i<0)
   {
	document.getElementById("DataRead").value ="密钥认证错误";
	return;
   } 
   
   i = document.ReaderTest.YW_ReadaBlock(1,BlockID,16);
   if(i<0)
   {
	document.getElementById("DataRead").value ="读块错误";
	return;
   }  
   document.getElementById("DataRead").value = document.ReaderTest.GetHexStr(document.ReaderTest.OutData1); 
   document.ReaderTest.YW_Buzzer(1,5,5,1);
   CloseReader();
}

以下代码写卡数据:

function WriteCard()
{
   var BlockID;
   var Key;
   var Data;
   RequestCard();
   BlockID = document.getElementById("BlockIDWrite").value; 
   
   Key =document.ReaderTest.GetVariantFromHexStr(document.getElementById("KeyWrite").value);

   i = document.ReaderTest.YW_KeyAuthorization(1,96,BlockID,Key);
   if(i<0)
   {
	alert("密钥认证错误");
	return;
   }
    
   Data =document.ReaderTest.GetVariantFromHexStr(document.getElementById("DataWrite").value);
   i = document.ReaderTest.YW_WriteaBlock(1,BlockID,16,Data);
   if(i<0)
   {
	alert("写块错误");
	return;
   }  
   document.ReaderTest.YW_Buzzer(1,5,5,1);
   alert("写块成功");
   CloseReader();
}



web开发与IC卡读卡器 前段时间有个项目在客户端web下使用IC卡读卡器,试了很多种方案都觉得麻烦,最后在网上找了个现成的方案,采用了YW-605HA读卡器,厂家就不说了,免得说做广告。开发起来也挺简单。  他们将IC卡读卡器接口封装成ocx文件,分为32位版本和64位版本,自动安装时自动判断32位还是64位,这个比较方便,要不然按照版本部署客户端,那可得累死了。他们的说明如下: 控件文件名称:yw60x 阅读详情

相关推荐

现代Web浏览器中IC卡读卡器的集成与调用实践

本文探讨了现代Web浏览器中IC卡读卡器的集成与调用实践,对比传统OCX方案的局限性,详细介绍了WebUSB、Web Serial API和WebHID等现代浏览器硬件访问方案。通过实战案例和代码示例,展示了如何实现IC卡读写操作,并提供了企业级应用的安全防护、多浏览器兼容和移动端适配的关键考量。

weixin_29007809的博客 115

JS使用Active Ocx控件读写IC卡、NFC标签

JavaScript使用OCX控件读写IC卡、NFC标签

1587

基于WebSocket桥接的IC卡读卡器Web登录方案

浏览器安全沙箱限制了网页直接访问USB硬件,IC卡读卡器在Web登录场景中常面临ActiveX兼容难题。现代方案多采用本地服务与WebSocket桥接:网页仅与127.0.0.1的本地端口通信,由本地桥服务调用读卡器驱动,实现跨浏览器的高兼容读卡。该架构将硬件差异隔离在浏览器之外,在前端、本地服务与后端之间建立清晰的职责边界,适用于企业内部管理系统、门禁考勤、电子政务等B/S架构应用的刷卡登录场景。围绕连接管理、时序设计、安全校验与部署升级,可系统性规避读卡失败、卡号伪造、连接占满等典型问题。以此类方案为参

weixin_29186249的博客 316

B/S结构Web浏览器读写IC卡Javascript源码js脚本html网页

JavaScript开发的html网页读写M1 IC卡源码,读取IC卡出厂序列号、读取IC卡扇区数据、写数据到IC卡内,修改IC卡密钥,写序列到到UID卡内。

853

告别IE时代:如何在Chrome/Firefox中调用IC卡读卡器(WebUSB实战)

本文详细介绍了如何利用WebUSB API在现代浏览器(如Chrome、Firefox)中替代传统的IE+OCX方案,实现与IC卡读卡器的直接交互。文章通过实战代码解析,阐述了从设备连接、权限请求到数据读写的完整流程,为HIS系统、校园一卡通等项目提供了跨平台、无需本地安装的现代化硬件集成解决方案。

rrr55的博客 518

html前端通过websoket与读卡器交互

功能:html+css+js开发web前端,通过websoket通讯实现与读卡器等硬件设备的信息交互。

简单一个VUE 集成USB READER 读卡器

后台管理 vue-elment-admin 表格库vxe-table2.9表格操作区域=>点击取卡=>弹框=>刷卡=>赋值弹框内的input这个东西演示(虚假数据,演示用途)

Zihuatanjo 4884

python入门:Anaconda和Jupyter notebook的安装与使用

一、安装和使用Anaconda 1、anaconda是什么? Anaconda在英文中是“巨蟒”的意思,与python的意思相近,它是python的包管理器和环境管理器。 2、为什么需要安装anaconda? 原因有以下几点: 附带一大批常用的数据科学包,方便立即开始处理数据 管理包 anaconda是在conda(一个包管理器和环境管理器)上发展来的;而conda可以很方便地对第三方的包进行安装、卸载和更新。 管理环境 conda可以为不同的项目建立不同的运行环境,避免不同的项目或包版本

PY洋洋 1万+

web端接收读卡器卡片信息

通过电脑连接的读卡器读取卡片信息,并由web页面接收和处理卡片信息。原因:卡片信息会激活输入法功能,input收到的结果会受输入法影响。解决方法:将input的type属性置为password。二、带中文输入法的设备接收到的数据错乱。

Lucy Wu 2814

电商智能客服Agent开发实战:从零到一构建企业级AI助手

电商智能客服Agent是下一代AI应用的核心形态,它不仅能够回答用户问题,还能自主规划任务、调用工具并执行完整工作流程。本文将深入探讨AI Agent的基本概念、技术实现方式及电商场景中的应用,提供完整的开发流程和代码示例,帮助开发者从零开始构建一个功能强大的电商智能客服系统。通过模块化设计、多轮对话记忆管理和工具集成,这个Agent能够处理订单查询、商品推荐、退换货流程等复杂任务,同时具备企业级的安全性和稳定性保障。通过本文的介绍,读者已经掌握了构建电商智能客服Agent的核心技术与实现方法。

m0_64363449的博客 1363

Xilnx大学计划/XUP ZYNQ ZU开发板

TUL PYNQ™-ZU板,基于Xilinx Zynq UltraScale+ MPSoC,是为Xilinx大学项目设计的,以支持Xilinx PYNQ (Python Productivi-ty for Zynq)开源框架和嵌入式系统开发。

weixin_57025922的博客 947

记录一下web端调用IC卡读卡器的大致流程

总结一下web端IC卡读卡器的调用方法 公司项目中用到了IC卡,需要实现读写IC卡,并且与服务端交互。IC卡读卡器用的是德卡的D8型号,SDK可以在德卡官网找到,下载链接:德卡SDK下载。 官方提供了多种语言的SDK,web端调用首先会想到页面调用OCX的方式。HTML内调用OCX的方法不在赘述,具体可以查看HTML调用OCX。IE浏览器在打开响应页面上需要点“允许阻止的内容”才能成功加载OCX控...

janincd的博客 1万+

Windows 11任务管理器隐藏技能:一眼揪出内存泄漏的“元凶”(分页/非分页缓冲池详解)

本文详细介绍了Windows 11任务管理器中隐藏的分页缓冲池和非分页缓冲池功能,帮助用户精准定位内存泄漏问题。通过启用隐藏列、解读数据异常信号,并结合实战案例和高级工具推荐,为开发者和IT运维人员提供了高效的内存问题诊断与解决方案。

weixin_29284885的博客 629

web浏览器使用ic卡或磁卡读卡器自动弹出页面

最近手上一个项目,健身场馆会员管理系统,新增加一个需求,希望客户一刷会员卡自动弹出会员的信息和预约的课程信息 读卡器就是市面上普通的ic卡或磁卡的读卡器,某宝上买的,厂家没有提供任何浏览器插件 机器拿到手上发现,一刷卡鼠标只要是可输入的状态立马就能输出会员卡的卡号,想到可能刷卡器是模拟的键盘操作 写了一段js代码测试了一下,发现果然是触发的键盘的数字键以及enter键,由于是机器操作,两次键...

weixin_30405421的博客 751

ROS2仿真抓取分拣案例,使用myCobot 280机械臂结合ROS2系统搭建机械分拣站

本案例展示了如何利用myCobot 280 urdf模型构建一个对象分类站,并在ROS2 jazzy中完成运动规划。

m0_71627844的博客 2126

Codex 100个真实案例 - 用AI生成建筑平面图SVG(室内设计师的新武器)

本案例用 Codex 生成一套完整的 Python 脚本,自动绘制 SVG 格式的建筑平面图。我们会设计一个90平两室一厅的户型——客厅、主卧、次卧、厨房、卫生间一应俱全,还会自动摆放家具(沙发、床、餐桌、橱柜)、标注尺寸和面积、绘制水电路走向、生成多种配色方案。最终输出的 SVG 文件可以直接用浏览器打开展示,也可以转成 PNG 交给客户。室内设计师看了都说好!

yueyeguzhuo的专栏 763

web端 刷卡器_在WEB浏览器使用IC卡读卡器的几种方案的对比

随着现在BS结构的程序越来越多,在BS结构的web浏览器中使用IC卡读卡器也就变得更常见了。在web浏览器中集成IC卡读卡器目前有以下几种方案:1.使用只读读卡器将IC卡的卡号输入到焦点处。2.使用定制的读卡器将IC卡内的某块数据输入到焦点处。3.使用activeX技术将IC卡读卡器ocx控件嵌入到web网页中,使用js调用IC卡读卡器。我们对以上3个方案作逐一对比,看看这3种方案哪一种方案更适合...

weixin_39873741的博客 1604

Java小白入门200例81之Java接口

作者简介 作者名:编程界明世隐 简介:优快云博客专家,从事软件开发多年,精通Java、JavaScript,博主也是从零开始一步步把学习成长、深知学习和积累的重要性,喜欢跟广大ADC一起打野升级,欢迎您关注,期待与您一起学习、成长、起飞! 引言 很多Java初学者问我,新手明明很用心、很努力学习的Java知识,转头又忘记了,很让人犯愁,小白如何能够快速成长、成为大牛呢? 其实要成为大神的技巧只有一个:“多学多练”,于是明哥就整理了比较典型的练习实例,通过练习能够快速提升编码技巧和熟练度,让你在成为大

编程界明世隐的博客 1359

web调用IC卡读卡器开发第四章--读写IC卡数据

IC卡读卡器WEB读写IC卡数据IC卡WEB读数据IC卡网页自动读数据IC卡网页写数据 采用友我科技IC卡读卡器web插件可以对普通IC卡进行读和写操作,根据实际业务需求,可以手动点击读写和在web网页内自动读写. IC卡WEB读数据 在web网页内读IC卡数据的API有如下: 1.M1卡读块,支持将读取的数据进行DES或者3DES加或者解密后送回 M1ReadBlock(blockIndex, FormatID) 如果DesDir=0则直接读块,如果DesDir=1(YW-607)或者DesDir=2(

NFC读写器新应用 1636

YOLOv13改进目录一览 | 涉及卷积层、轻量化、注意力、损失函数、Backbone、SPPF、Neck、检测头等全方位改进

1️⃣ 已更新种不同的改进方案,专栏内的每篇文章皆,均可顺利运行。2️⃣ 订阅专栏即可进群获取以及从的各种答疑内容。3️⃣ 全新的YOLOv13改进专栏,,只为更好的满足论文发表的要求。专栏内容,专栏实时评分,全网最高,质量保证。🎫。。

Limiiiing的博客 9163

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

web端 刷卡器_web开发与IC卡读卡器

前段时间有个项目在客户端web下使用IC卡读卡器,试了很多种方案都觉得麻烦,最后在网上找了个现成的方案,采用了YW-605HA读卡器,厂家就不说了,免得说做广告。开发起来也挺简单。他们将IC卡读卡器接口封装成ocx文件,分为32位版本和64位版本,自动安装时自动判断32位还是64位,这个比较方便,要不然按照版本部署客户端,那可得累死了。他们的说明如下:控件文件名称:yw60x.ocx32位控件:x...

weixin_42234168的博客 855

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

告别IE!现代浏览器如何用JavaScript调用IC卡读卡器(附完整代码示例)

本文详细介绍了如何利用现代浏览器原生能力(如Web Serial API和WebUSB API)替代传统的IE浏览器和OCX控件,实现通过纯JavaScript与IC卡读卡器进行安全、高效的通信。文章提供了完整的技术迁移思路、核心代码示例以及健壮的架构设计,帮助开发者构建无需插件、跨平台且面向未来的Web应用。

rust6ferris的博客 910

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

web调用IC卡读卡器开发第一章

web调用IC卡读卡器了解web用IC卡读卡器插件IC卡读卡器WEB插件的自动感应和安装IC卡读卡器WEB插件的回调函数 了解web用IC卡读卡器插件 友我科技的web用IC卡读卡器插件支持的浏览器有IE,Chrome,Firefox,Opera,Safari以及以这些为内核的浏览器。支持的读卡器不仅有IC卡读卡器YW-605HA,NFC读写器YW-607HC,超高频的读写器YW-602H等等。 IC卡读卡器WEB插件的自动感应和安装 采用js文件, 系统在装载js时如果没有找到对应的插件, 系统会做出提示

NFC读写器新应用 822

web调用IC卡读卡器开发第六章--CPU卡APDU操作

CPU卡APDU的web操作CPU卡介绍友我科技IC卡读卡器web插件CPU卡复位CPU卡APDU操作操作例程 CPU卡介绍 CPU卡与M1卡不同, 他不是一种逻辑存储卡,一张空白的CPU卡就类似于一个空白的硬盘, 什么也做不了.CPU卡使用之前必须对CPU卡进行文件系统的创建.就是建立目录和各种类型的文件. 友我科技IC卡读卡器web插件 友我科技IC卡读卡器web插件支持CPU卡的web操作,支持的浏览器有IE,Chrome,Firefox,safari,Opera以及以这些为内核的浏览器,在web上C

NFC读写器新应用 774

BS结构下如何开发跨web浏览器的IC卡读卡器程序

在BS结构的程序中,如何开发出跨web浏览器的IC卡读卡器程序呢?一般来说在BS结构的程序中使用物理硬件会有很多的限制,通过activex技术解决的ocx控件只能在IE上使用,不能在chrome和firefox中使用。友我科技提供的RFID读写器云服务彻底解决了这个问题,他不仅可以在IE使用,也可以在chrome,firefox等浏览器上使用。友我科技rfid读写器云服务的优...

weixin_34265814的博客 594

java做的web系统 m1 读卡器 结合_IE浏览器接入IC卡读写器实现M1卡的读写功能

基于ActiveX技术的ocx控件是实现网页上读写IC卡的一个比较不错的方法,因为ocx是com组件,通过其发布的接口,IE可以实现所有的功能。ActiveX不仅能适应大部分编程语言,做到与编程语言无关,还能将IC卡读卡器集成到web中,使得在BS结构中可以在web客户端轻松的调用IC卡读卡器,极大地改善了用户体验。 只要为IC卡读卡器或者NFC读写器发布相应的ActiveX控件就可以实现在WEB...

weixin_39747595的博客 907
下一篇: BS结构浏览器网页读写IC卡技术汇总
codercodercode
博客等级 码龄10年 11粉丝 16原创
评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值