身份证阅读器（读卡器）谷歌Chrome和火狐Firefox浏览器端网页开发接口控件分享

最新推荐文章于 2023-11-20 23:04:37 发布
最新推荐文章于 2023-11-20 23:04:37 发布
阅读量2.4w 收藏 27
点赞数 5
文章标签： 浏览器 阅读器 火狐 chrome firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cntianya/article/details/77240327
版权

如题：身份证阅读器（读卡器）谷歌Chrome和火狐Firefox浏览器端网页开发接口控件分享，这个SDK开发包兼容支持谷歌Chrome浏览器和火狐Firefox浏览器，仅PC端使用，Android和iOS端浏览器不支持使用。

支持各浏览器最新版本（2020年05月更新）：

谷歌Chrome：81.0.*，支持HTTPS协议

火狐Firefox：76.0*

360安全浏览器：12.1（内核版本：78.0）

360极速浏览器：12.0（内核版本：78.0）

Internet Explorer：IE10、IE11

UC：6.2.4098.3

搜狗：8.6

QQ：10.5

遨游：5.3.8

世界之窗：7.0

2345浏览器：10.8

支持型号：东信EST-100GS身份证读卡器/千景J15S身份证读卡器

测试版本（2020年05月更新）： 谷歌Chrome：81.0.3325.181 / 火狐Firefox：76.0.2.6656 / 360安全浏览器：12.1.0.410 / Internet Explorer：IE11

说明：此SDK支持型号东信EST-100GS&千景J15S，其他品牌型号，例如华视CVR-100U，神思SS628-100U、新中新DKQ-A16D，精伦iDR210、普天CP IDMR02/TG、神盾ICR-100U未经深度测试，不一定适用！

开发支持QQ：313826379，电话：13922210502

以下贴出身份证阅读器谷歌和火狐浏览器控件部分代码，如需要完整版，请下载或联系我，QQ：313826379

在线演示网址：http://www.eastcoms.com/chrometest.html

 

<html>  
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
			td {background-color:#eeeeee}
			input {width:430px;}
			.butt {width:150px; height:30px}
			.title {padding-left:10px; width:130px}
		</style>  	
  </head>  
  <!--
  <object id="objActiveX" classid="clsid:03545152-1F24-4555-B9BD-E4D91184CFE2" width=0 height=0"></object>
  -->
  <object id="objActiveX" TYPE="application/hxgc-device.j10" width=0 height=0></object>
	<body> 
		<table width="750px" border="0" cellspacing="1" cellpadding="2" align="center" bgcolor="#FFFFFF">
			<tr>
				<td colspan="3" align="center">
					<input class="butt" type="button" name="OpenReader" value="打开设备" onClick="openReader();">
					<input class="butt" type="button" name="startReadCard" value="读二代证" onClick="startReadCard();">
					<input class="butt" type="button" name="CloseReader" value="关闭设备" onClick="closeReader();">
					<input class="butt" type="button" name="Clear" value="清空信息" onClick="clearText();">
				</td>
			</tr> 
			<tr> 
				  <td class="title">照片保存路径：</td>
				  <td colspan="2">
					<input type="text" name="text_path" id="text_path" value="">  注：路径结尾需添加"\"
				  </td>
			</tr>
	        <tr> 
	 			  <td class="title">姓名：</td>
				  <td width="430px">
					<input type="text" name="text_name" id="text_name" value="" readonly >
				  </td>
				  <td rowspan="5" align="center"><img id="PhotoID" name="Photo" style="width:96px; height:118px;"/></td>
			</tr>
			<tr> 
				  <td class="title">性别：</td>
				  <td>
					<input type="text" name="text_sex" id="text_sex" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">民族：</td>
				  <td>
					<input type="text" name="text_nation" id="text_nation" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">出生：</td>
				  <td>
					<input type="text" name="text_birthday" id="text_birthday" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">地址：</td>
				  <td>
					<input type="text" name="text_address" id="text_address" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">身份证号：</td>
				  <td colspan="2">
					<input type="text" name="text_idNum" id="text_idNum" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">签发机关：</td>
				  <td colspan="2">
					<input type="text" name="text_dept" id="text_dept" value="" readonly >
				  </td>
			</tr>
			<tr> 
				  <td class="title">开始期限：</td>
				  <td colspan="2">
					<input type="text" name="text_effDate" id="text_effDate" value="" readonly >
				  </td>
	 		</tr>
	 		<tr> 
				<td class="title">结束期限：</td>
				<td colspan="2">
					<input type="text" name="text_expDate" id="text_expDate" value="" readonly >
				</td>
	 		</tr>
	 		<tr> 
				<td class="title">返回数据：</td>
			    <td colspan="2">
					<textarea id="text_result" rows="10" name="text_result" id="text_result" style="color:#FF0000" cols="70" readonly></textarea>
				</td>
	 		</tr>   
		</table>
		<script type="text/javascript" >  
			var socket;
			var sendFlag=0;
			var PhotoPath = "C:\\";
			var PhotoName = "";	
			document.getElementById("text_path").value = PhotoPath;
			function clearText()
			{
				PhotoPath = document.all("text_path").value;
				document.getElementById("text_name").value = "";
				document.getElementById("text_sex").value = "";
				document.getElementById("text_nation").value = "";
				document.getElementById("text_birthday").value = "";
				document.getElementById("text_address").value = "";
				document.getElementById("text_idNum").value = "";
				document.getElementById("text_dept").value = "";
				document.getElementById("text_effDate").value = "";
				document.getElementById("text_expDate").value = "";
				document.getElementById("text_result").value = "";
				document.getElementById("PhotoID").src = "";
			}
			function openReader() {
				var host = "";
				socket = new WebSocket(host);
				try {
					socket.onopen = function (msg) {
						openReaderStart(); //连接设备
					};
					socket.onerror = function(){
					};
					socket.onmessage = function (msg) {
						if (typeof msg.data == "string") {
						var msgM=msg.data+"";
							if(sendFlag==1){
								if(msgM[0]==0){
									resultMsg("错误：设备连接失败，"+msgM);
								}else if(msgM.indexOf("-1") >=0){
									resultMsg("该设备不支持谷歌");
								}else{
									resultMsg("设备已连接.");
								}
							}else if(sendFlag==2){
								if(msgM.indexOf("1") >=0){
									//resultMsg("身份证已放");
									getCardID();
								}else{
									resultMsg("请放身份证");
								}
							}else if(sendFlag==3&&!(msgM.indexOf("name") >=0)&& !(msgM[0].indexOf("1") >=0)){
								if(msgM[0]==0){
									resultMsg("读取身份证ID失败");
								}else{
									resultMsg("身份证ID:"+msgM);
									readIDCard();
								}
							}else if(sendFlag==4){
								if(msgM[0] == "0"){
									resultMsg("读取身份证信息失败:"+msgM);
								}else{
									//获得身份信息
									document.getElementById("text_name").value = msgM.match(/name(\S*)name/)[1];   //姓名    
									document.getElementById("text_sex").value = msgM.match(/sex(\S*)sex/)[1];   //性别             
									document.getElementById("text_nation").value = msgM.match(/nation(\S*)nation/)[1];     //民族                      
									document.getElementById("text_birthday").value = msgM.match(/birthDate(\S*)birthDate/)[1];       //出生日期                  
									document.getElementById("text_address").value = msgM.match(/address(\S*)address/)[1];          //地址  
									document.getElementById("text_idNum").value = msgM.match(/IDCode(\S*)IDCode/)[1];         //身份证号      
									document.getElementById("text_dept").value = msgM.match(/issuingAuthority(\S*)issuingAuthority/)[1];  //签发机关                         
									document.getElementById("text_effDate").value = msgM.match(/beginPeriodOfValidity(\S*)beginPeriodOfValidity/)[1];       //有效日期起始                   
									document.getElementById("text_expDate").value = msgM.match(/endPeriodOfValidity(\S*)endPeriodOfValidity/)[1];        //有效日期截止
									saveJpgPhoto(msgM.match(/name(\S*)name/)[1] + "_" + msgM.match(/IDCode(\S*)IDCode/)[1]);
								}
							}else if(sendFlag==5){
								if(msgM.indexOf("1") >=0){
									resultMsg("保存JPG照片成功，路径 = " + PhotoPath + PhotoName + ".jpg");
									saveBmpPhoto();
								}else{
									resultMsg("错误：保存JPG照片失败，" + msgM + ".");
								}
							}else if(sendFlag==6){
								document.all("PhotoID").src = "file:///"+ PhotoPath + PhotoName + ".jpg";
								if(msgM.indexOf("1") >=0){
									resultMsg("保存BMP照片成功，路径 = " + PhotoPath + PhotoName + ".bmp");
								}else{
									resultMsg("错误：保存BMP照片失败，" + msgM + ".");
								}
							}else if(sendFlag==7){
								closeSocket();
								if(msgM.indexOf("1") >=0){
									resultMsg("关闭设备成功");
								}else{
									resultMsg("错误：关闭设备失败，"+msgM);
								}
							}

						}
						else{
							alert("连接异常,请检查是否成功安装千景J15S驱动！");
						}
					};
				}
				catch (ex) {
					alert("连接异常,请检查是否成功安装千景J15S驱动！");
				}
			}
			
			function resultMsg(msg) {
			   document.getElementById("text_result").value += "\r\n" + msg;
			}
			
		</script>  
	</body>  
</html>

 

 

 

 

 

DONSEE广东东信智能科技有限公司
关注
  • 5
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
华视读卡器多浏览器插件（对接娱乐场所和特种行业治安管理平台）
2401_85513962的博客
06-05 195
浏览器自带华视读卡器多浏览器插件 安装浏览器自动安装插件驱动。
精伦IDR210身份证阅读器，OCX控件
09-24
精伦身份证阅读器OCX控件！内含吃报告，安装，测试页面！适用于精伦IDR210 身份证阅读器，WEB二次开发。
身份证阅读器网页控件
09-15
华视身份证阅读器网页控件及驱动，新中新的同样也可以使用这个控件，测试过华视的100U系列和新中新的A16D。
新中新身份证阅读器驱动下载sdk DKQ-A16D
最新发布
cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件
11-20 2233
读取操作 int nRet; string sMsg = ""; IDCardData idcardData = new IDCardData(); byte[] ctmp = new byte[255]; ReadCardAPI.Syn_SetPhotoPath(1, ref ctmp); setupDataFormate(1); nRet = ReadCardAPI.Syn_OpenPort(Main_Form.m_iPort); i..
东信身份证阅读器身份证读卡器谷歌Chrome火狐Firefox网页控件V4.1.1.zip
12-17
**身份证阅读器身份证读卡器无缝支持新版本谷歌Chrome火狐Firefox网页浏览器，支持H5、Vue、React、jQuery、JSP、PHP、ASP、ASPX、JS、HTML等开发语言
东信EST-100GS身份证阅读器谷歌火狐Chrome Firefox网页浏览器控件下载
05-13
本方案用于规范东信EST系列身份证阅读器谷歌Chrome火狐Firefox插件，支持的型号有：EST-100、EST-100GS、EST-100U、EST-200G、EST-J13X、EST-100G等。 本方案无缝支持最新版本谷歌Chrome火狐Firefox等网页浏览器，...
华视读卡器多浏览器插件
04-01
2. **多浏览器兼容**：支持多个主流浏览器，如Chrome、Firefox、Edge和Internet Explorer等，使得用户无论使用哪种浏览器都可以进行身份证信息的读取，避免了因浏览器兼容性问题导致的操作困难。 3. **USB驱动支持*...
IDCardReader SDK（中控智慧身份证阅读器sdk)
07-05
7. **BS_多浏览**：这部分可能是指支持多浏览器环境的解决方案，可能包括对Chrome、Firefox等其他非IE浏览器的支持，使得跨平台的Web应用也能利用SDK实现身份证读取。 8. **二代证指纹动态库**：虽然二代身份证芯片...
华视网页读身份证信息插件
12-20
华视阅读器crv-100uc浏览器插件，最近做的系统中需要从浏览器获取身份证阅读器读取的数据，找遍全网经自己测试可以正常使用，包含测试页面
IDR210身份证阅读器驱动-浏览器插件.rar
07-28
精伦IDR210 身份证阅读器驱动及浏览器二次开发插件
精伦身份证阅读器 网页版OCX 二次开发包
03-20
提供的ActiveX控件，对开发接口的文件组成、方法定义格式、调用方法及返回值等进行了详细的说明。适用开发语言：网络脚本开发
精伦iDR210身份证读卡器驱动.rar
12-31
精伦iDR210身份证读卡器驱动,
武汉精伦身份证阅读器的二次开发包，能兼容ie8
06-30
我在项目中用到的，有很多版本的开发包，一开始很迷恋新版本，用了最新的4。1版的开发包反而浏览器兼容不好，最后决定用这一版，很稳定，ie8中都能使用。资料含有二次开发说明书，有别的需求的可以联系我，精伦的资料我手头很全
华旭金卡身份证阅读器js调用案例
08-15
同时，由于ActiveX只适用于IE浏览器，对于其他现代浏览器（如Chrome、Firefox），可能需要使用NPAPI插件或者WebUSB API等替代方案。因此，在实际部署时，需考虑用户使用的浏览器类型及版本，确保兼容性。 综上所述...
华旭 身份证读卡器测试软件_华旭身份证读卡器阅读软件8.0版本 支持免驱
weixin_39985820的博客
12-20 1998
名称：华旭身份证读卡器阅读器8.0版本：V8.0开发包大小：7.59M支持型号：华旭HX-FDX3S有驱动连接、HX-J15无驱动连接下载地址：专业提供华旭身份证读卡器阅读软件8.0版本，含指纹信息、身份证信息、M1卡、Type A、Type B、SAM卡等多种卡读取，相关技术支持由www.idukaqi.com免费提供。华旭金卡股份有限公司全新升级身份证阅读软件(二代身份证信息读取、指纹信息读...
二代身份证读卡插件安装包（完整亲测可用）.zip
01-11 9171
最新二代身份证读卡插件安装包
国腾身份证阅读器GTICR100-01 termb.dll应用开发指南
本手册详细介绍了国腾二代身份证阅读器GTICR-100的专用动态链接库termb.dll在Windows操作系统上的应用开发指南。该文档适用于Windows NT 3.1及以上版本，以及Windows 98、Windows 2000及以后的Windows系统，支持多种...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值