5,006
社区成员
发帖
与我相关
我的任务
分享分享：身份证阅读器谷歌Chrome浏览器&火狐Firefox浏览器接口控件&SDK二次开发包
一直以来身份证阅读器采用ActiveX控件形式在浏览器端跑，这种方式就只支持IE浏览器和IE内核的浏览器。
随着现在很多软件系统对新一代HTML5的热宠以及系统要求使用更快的谷歌Chrome浏览器和火狐Firefox浏览器，身份证读卡器采用ActiveX形式就显得无能为力了。根据这个情况，特采用别的方式支持谷歌浏览器。
贴出代码：
测试版本：
谷歌Chrome：58.0.3029.96 /
火狐Firefox：54.0.1 /
360安全浏览器：8.1.1.258 /
Internet Explorer：IE11
控件下载点这里，百度网盘
随着现在很多软件系统对新一代HTML5的热宠以及系统要求使用更快的谷歌Chrome浏览器和火狐Firefox浏览器，身份证读卡器采用ActiveX形式就显得无能为力了。根据这个情况，特采用别的方式支持谷歌浏览器。
贴出代码：
<html>
<head>
<title>谷歌Chrome浏览器身份证阅读器测试页面 - 火狐Firefox身份证读卡器网页浏览器SDK开发包接口</title>
<meta name="Keywords" content="身份证阅读器,身份证读卡器,谷歌Chrome,火狐Firefox，SDK,开发接口" />
<meta name="Description" content="第三代身份证阅读器支持谷歌Chrome浏览器使用和火狐Firefox浏览器使用的多功能系列，谷歌Chrome浏览器身份证阅读器测试页面 - 火狐Firefox身份证读卡器网页浏览器SDK开发包接口。" />
<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>
<p align="center">
<a href="IDTEST.html"><strong>单次读卡</strong></a>
<a href="IDTEST2.html"><strong>循环读卡</strong></a>
</p>
<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="readIDCard();">
<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 width="100px">
<input type="text" name="text_zpFormat" id="text_zpFormat" value="" placeholder="非必输，照片格式如:bmp,jpg,png,gif,tiff,psd,WMF,pcx,tga,pcx等" >
</td>
<td rowspan="7" align="center"><img id="PhotoID" name="Photo" style="width:96px; height:118px;"/></td>
</tr>
<tr>
<td class="title">身份证物理卡号（DN码）：</td>
<td width="430px">
<input type="text" name="text_ID" id="text_ID" value="" readonly >
</td>
</tr>
<tr>
<td class="title">姓名：</td>
<td width="430px">
<input type="text" name="text_name" id="text_name" value="" readonly >
</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="15" name="text_result" id="text_result" style="color:#FF0000;width:94.3%;" cols="70" readonly></textarea>
</td>
</tr>
</table>
<script type="text/javascript" >
var socket;
var sendFlag=0;
var zpFormat;
function clearText()
{
document.getElementById("text_ID").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 = "";
if(socket == null){
resultMsg("设备连接成功.");
socket = new WebSocket(host);
}else{
resultMsg("设备已开打.");
}
try {
socket.onopen = function (msg) {
clearZP(); //清除zp文件夹的身份证头像
};
socket.onerror = function(){
alert("请安装驱动.");
};
socket.onmessage = function (msg) {
if (typeof msg.data == "string") {
var msgM=msg.data+"";
if(sendFlag==1){
//resultMsg("清除头像成功.");
openReaderStart();
}else if(sendFlag==2){
if(msgM[0]=="1"){ //1:连接设备成功
resultMsg("连接成功.");
}else{ //2:连接设备失败
resultMsg("请连接设备.");
}
}else if(sendFlag==3){
if(msgM[0] == "0"){
resultMsg("身份证阅读器异常,请联系管理员.");
}else if(msgM[0]=="3"){
resultMsg("请连接设备.");
}else if(msgM[0]=="4"){
resultMsg("请放身份证.");
}else if(msgM[0]=="5"){
resultMsg("读取身份证信息失败,请查身份证是否有效.");
}else if(msgM[0]=="6"){
resultMsg("读取身份证头像失败,请查身份证是否有效.");
}else{
//获得身份信息
document.getElementById("text_ID").value= msgM.match(/identityCardID(\S*)identityCardID/)[1]; //证件ID
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]; //有效日期截止
document.all("PhotoID").src = "data:image/jpeg;base64,"+msgM.match(/##(\S*)##/)[1];//显示头像
}
}else if(sendFlag==4){
closeSocket();
if(msgM[0] == "1"){ //1:关闭设备成功
resultMsg("关闭设备成功.");
}
}
}
else{
alert("连接异常,请检查是否成功安装华旭J15S驱动.");
}
};
}
catch (ex) {
alert("连接异常,请检查是否成功安装华旭J15S驱动.");
}
}
function resultMsg(msg) {
document.getElementById("text_result").value += "\r\n" + msg;
}
//清除BMP图片
function clearZP() {
zpFormat=document.getElementById("text_zpFormat").value;
sendFlag=1;
socket.send("SDT_ClearZP#"+zpFormat+"#");
}
//连接设备
function openReaderStart() {
sendFlag=2;
socket.send("SDT_OpenReader#");
}
//读取身份信息
function readIDCard() {
zpFormat=document.getElementById("text_zpFormat").value;
sendFlag=3;
try {
socket.send("SDT_ReadCard#"+zpFormat+"#");
}
catch (ex) {
resultMsg("请打开设备.");
}
}
//关闭设备
function closeReader() {
sendFlag=4;
try {
socket.send("SDT_CloseReader#");
}
catch (ex) {
resultMsg("请打开设备.");
}
}
catch (ex) {
}
};
</script>
</body>
</html>
测试版本：
谷歌Chrome：58.0.3029.96 /
火狐Firefox：54.0.1 /
360安全浏览器：8.1.1.258 /
Internet Explorer：IE11
控件下载点这里，百度网盘
...全文
请发表友善的回复…
发表回复
平罗勒斯第四维度 2019-11-02
- 打赏
- 举报
你好，我想问问有没有在linux火狐或者chrome的身份证阅读插件
airwolf1217 2017-09-04
- 打赏
- 举报
有点用 mark一下
