身份证阅读器web开发示例，支持JS/H5、React、Vue.js、jQuery、Node.js、AngularJS、TypeScript、Electron、JSP、PHP、ASP等语言开发

身份证阅读器web插件主要特点：

1、最新适配支持了windows、Linux、安卓、国产系统（麒麟、统信）四大系统网页开发。

2、支持四种身份证类型读取。

3、支持身份证、社保卡、IC卡、银行卡、磁条卡等市场上常见卡类型读取识别。

4、免驱安装，即插即用。

<script type="text/javascript">

//========================================================================
// **无缝支持新版本谷歌Chrome火狐Firefox网页浏览器，支持H5、Vue、React、Node.js、jQuery、Electron、Uniapp、JSP、PHP、ASP、ASPX、JS、HTML等开发语言
// 版权所有 广东东信智能科技有限公司，最新控件下载：
// 未经授权不允许对程序代码以任何形式任何目的的再发布
// 控件版本：V5.0.8，前端修改日期：2023.11.16
// =======================================================================

var socket;
function openReader() {
	var host = "ws://127.0.0.1:33666"; //客户端电脑本地IP，非服务器IP，无需修改
	if(socket == null){
		socket = new WebSocket(host);
	}else{
		resultMsg("已初始化.");
	}
	try {
		socket.onopen = function () {
			resultMsg("初始化成功."); //可以注释
			getVersion(); //可以注释：控件版本号
			//readSAMID(); //可以注释：读卡器芯片号，全球唯一，通常可用来授权管理，只支持EST-100GS，不支持其他型号
			//autoReadIDCard(); //自动读卡可以放这里，自动读卡放身份证的间隔要>300ms，否则会不读卡
		};
		socket.onclose = function () {
			resultMsg("读卡服务已经断开.");
		};
		socket.onerror = function(){
			resultMsg("请检查控件是否正常安装，下载地址：...");
		};
		socket.onmessage = function (msg) {
			if (typeof msg.data == "string") {
				var msgM=msg.data+"";
				var msgJson = JSON.parse(msgM);
				//resultMsg(msgM);        
				switch(msgJson.fun) {

					case "EST_GetVersion#":
							resultMsg("版本号："+msgJson.errMsg);
					break;

					case "EST_Reader_ReadIDCard#":
						if (msgJson.rCode == "0") {
							//返回信息说明：请根据证件类型msgJson.cardtype做进一步数据处理，具体见文档示例
							//请参考：ChromeTest身份证.html

							document.getElementById("text_name").value = msgJson.name;  //姓名  
							document.getElementById("text_sex").value = msgJson.sex;  //性别             
							document.getElementById("text_nation").value = msgJson.nation;  //民族                      
							document.getElementById("text_birthday").value = msgJson.birth; //出生日期                  
							document.getElementById("text_address").value = msgJson.address; //住址  
							document.getElementById("text_idNum").value = msgJson.certNo; //身份证号码      
							document.getElementById("text_dept").value = msgJson.department;  //签发机关    
							document.getElementById("text_effDate").value = msgJson.effectData; //有效期开始
							document.getElementById("text_expDate").value = msgJson.expire; //有效期结束

							document.getElementById("base64Data").src = "data:image/jpeg;base64,"+msgJson.base64Data;  //身份证头像，base64格式数据，实际尺寸：102x126px
							document.getElementById("imageFront").src = "data:image/jpeg;base64,"+msgJson.imageFront; //身份证正面照片，实际尺寸：540x340px，如无需使用，建议注释掉
							document.getElementById("imageBack").src = "data:image/jpeg;base64,"+msgJson.imageBack; //身份证反面照片，实际尺寸：540x340px，如无需使用，建议注释掉
							posBeep();
							//ReadCertID()
							//resultMsg(msgJson.errMsg);
						}
						else if(msgJson.rCode == "1"){
							resultMsg("已停止自动读卡");
						}
						else if(msgJson.rCode == "-2"){
							resultMsg("请放身份证");
						}
						else {
							resultMsg(msgJson.errMsg);
						}
						break;

					case "EST_ReadCertID#":  //身份证物理ID
						if (msgJson.rCode == "0") {
							document.getElementById("text_ID").value = msgJson.UID;  
							posBeep();
						}
						else {
							resultMsg(msgJson.errMsg);
						}
					break;
					
					case "EST_ReadBankCard#":  //银行卡卡号
						if (msgJson.rCode == "0") {
							document.getElementById("text_Bank_ID").value = msgJson.bankCard;
							posBeep();
						}
						else {
							resultMsg(msgJson.errMsg);
						}
						break;

					case "EST_ReadM1Card#":  //IC卡卡号
						if (msgJson.rCode == "0") {
							document.getElementById("text_IC_ID").value = msgJson.UID;
							posBeep();
						}
						else {
							resultMsg(msgJson.errMsg);
						}
						break;

					case "EST_ReadSocialCard#":   //社保卡信息，个别地区社保卡不按国家规范来的，会读取信息不全
						if (msgJson.rCode == "0") { 
							posBeep();
							document.getElementById("S_text_name").value = msgJson.XM;  //社保卡姓名  
							document.getElementById("S_text_sex").value = msgJson.XB;  //社保卡性别             
							document.getElementById("S_text_nation").value = msgJson.MZ;  //社保卡民族                      
							document.getElementById("S_text_birthday").value = msgJson.CSRQ; //社保卡出生日期                  
							document.getElementById("S_text_idNum").value = msgJson.SHBZHM; //社保卡身份证号      
							document.getElementById("S_text_effDate").value = msgJson.FKRQ; //社保卡有效期开始
							document.getElementById("S_text_expDate").value = msgJson.KYXQ; //社保卡有效期结束
							document.getElementById("S_text_kahao").value = msgJson.SBKH; //社保卡卡号
						}
						else {
							resultMsg(msgJson.errMsg);
						}
						break;


					case "EST_Read15693#":
							if (msgJson.rCode == "0") {
								resultMsg("15693寻卡成功，UID：" + msgJson.Uid);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;


					case "EST_Read15693info#":
							if (msgJson.rCode == "0") {
								resultMsg("15693卡信息获取成功，卡信息：" + msgJson.Uid);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;


					case "EST_FindCardM1#":
							if (msgJson.rCode == "0") {
								resultMsg("寻卡成功，M1卡UID：" + msgJson.Uid);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_VerifyKeyM1#":
							if (msgJson.rCode == "0") {
								resultMsg("秘钥认证成功");
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_ReadCardM1#":
							if (msgJson.rCode == "0") {
								resultMsg("读卡成功，数据为：" + msgJson.readData);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_WriteCardM1#":
							if (msgJson.rCode == "0") {
								resultMsg("写卡成功");
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_PowerOnCpu#": //非接CPU卡上电信息
							if (msgJson.rCode == "0") {
								resultMsg("复位信息：" + msgJson.ATR);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_WriteCpu#": //非接CPU卡APDU指令响应信息
							if (msgJson.rCode == "0") {
								resultMsg("响应数据：" + msgJson.Resp);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					case "EST_ReaderGertSAMID#": //获得读卡器芯片系列号，读卡器授权可以放这里来判断
							if (msgJson.rCode == "0") {
								resultMsg("系列号：" + msgJson.SAMID);
							}
							else {
								resultMsg(msgJson.errMsg);
							}
					break;

					default:
						break;
				}
			}
			else{
				alert("连接异常,请检查是否成功安装控件.");
			}
		};
	}
	catch (ex) {
		alert("连接异常,请检查是否成功安装控件.");
	}
}

//提示信息
function resultMsg(msg) {
   document.getElementById("text_result").value += "\r\n" + msg;
}

//清空文本框信息
function clearinput()
{
	var obj=document.getElementsByName("text_ID");
	for(var i=0;i<obj.length;i++)
	{
		obj[i].value = "";
	}
	document.getElementById("base64Data").src = "";
	document.getElementById("imageFront").src = "";
	document.getElementById("imageBack").src = "";
}

//控件版本号
function getVersion() {        
	socket.send("EST_GetVersion#");
}

//蜂鸣器控制，可以自己选择是否蜂鸣
function posBeep() {
	if (socket.readyState == 1) {
			socket.send("EST_PosBeep#");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
}

//单次读取身份证信息
function readIDCard() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_Reader_ReadIDCard#");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//自动读取身份证信息，外部轮询实现，身份证不拿开会一直读
function autoReadIDCard2(){ 
    readIDCard(); 
    setInterval("readIDCard()", 1000); 
} 

//自动读取身份证信息，内部轮询实现
function autoReadIDCard() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_Reader_ReadIDCard#|1");
			resultMsg("自动读卡，请放身份证...");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//停止连续读取身份证信息
function stopAutoReadIDCard() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_StopReadIDCard#");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}


//读取身份证物理ID，16位16进制数据，一般情况用不到，可以注释掉
function ReadCertID() {
	try { 
		if (socket.readyState == 1) {
			socket.send("EST_ReadCertID#"); 
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//读取IC卡号，包括M1、CPU卡，8位16进制数据
function readM1Card() {
	try { 
		if (socket.readyState == 1) {
			socket.send("EST_ReadM1Card#"); 
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//读取银行卡号，支持QUICK PASS闪付银行卡，大部分卡支持，少部分地方性银行会读取失败
function readBankCard() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_ReadBankCard#");  
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//读社保卡，支持二代芯片社保卡，三代卡无秘钥不能读取
function readSocialCard() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_ReadSocialCard#");  
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//15693寻卡
function read15693() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_Read15693#");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}


//15693卡信息
function read15693info() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_Read15693info#");
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}


//IC卡读写操作函数，包括M1卡读写、CPU卡读写等功能，详细指令见开发文档中3.2.11 IC卡操作函数部分
function cardOperate() {
	try {
		if (socket.readyState == 1) {
			socket.send(document.getElementById("S_text_kacaozuo").value);  
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}

//获得读卡器芯片系列号，全球唯一，通常可用来授权管理
function readSAMID() {
	try {
		if (socket.readyState == 1) {
			socket.send("EST_ReaderGertSAMID#");  
		}
		else {
			resultMsg("未找到控件，请检查控件是否安装.");
		}
	}
	catch (ex) {
		resultMsg("连接异常,请检查是否成功安装控件.");
	}
}
//关闭soket
function closeSocket() {
	try {
		if(socket != null){
			socket.close();
			socket = null;
		}
	}
	catch (ex) {
	}
};

// 默认页面打开，就自动打开设备
window.onload=openReader();    
</script>