身份证阅读器web开发示例，支持JS/H5、React、Vue.js、jQuery、Node.js、AngularJS、TypeScript、Electron、JSP、PHP、ASP等语言开发
2023-12-29 11:41:35
身份证阅读器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>
文章来源:https://blog.csdn.net/cntianya/article/details/135261315
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：veading@qq.com进行投诉反馈，一经查实，立即删除！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：veading@qq.com进行投诉反馈，一经查实，立即删除！