Javascript 开发html网页读写IC卡源码
发布时间：2023年12月20日
本示例使用设备：?Android Linux RFID读写器NFC发卡器WEB可编程NDEF文本/智能海报/-淘宝网 (taobao.com)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MifareClassIC卡读写DEMO</title>
<script language="javascript">
var BLOCK0_EN = 0x01;//读第一块的(16个字节)
var BLOCK1_EN = 0x02;//读第二块的(16个字节)
var BLOCK2_EN = 0x04;//读第三块的(16个字节)
var NEEDSERIAL = 0x08;//仅读指定序列号的卡
var EXTERNKEY = 0x10;//用明码认证密码,产品开发完成后，建议把密码放到设备的只写区，然后用该区的密码后台认证，这样谁都不知道密码是多少，需要这方面支持请联系
var NEEDHALT = 0x20; //读/写完卡后立即休眠该卡，相当于这张卡不在感应区。要相重新操作该卡必要拿开卡再放上去
var iswsrun = false;
var ws;
var received_msg = "";
var mytimer;
var strls = "";
var errorno = "";
var wsUri = "ws://127.0.0.1:39189"; //端口号必须与RFIDWebServer端口一致
function isUIntNum(val) {
var testval = /^\d+$/; // 非负整数
return (testval.test(val));
}
function isHex(val) {
var testval = /^(\d|[A-F]|[a-f])+$/; // 十六进制数判断
return (testval.test(val));
}
function beep() { //驱动发卡器响声令
textarea.value = "";
WebSocketRun("pcdbeep,30");
}
function getdevicenumber() { //读取发卡器唯一出厂序号，可以当加密狗使用
textarea.value = "";
WebSocketRun("pcdgetdevicenumber");
}
function piccrequest() {
var RequestCardComm = "piccrequest,";
WebSocketRun(RequestCardComm);
}
function readcard() {
textarea.value = "";
block0.value= "";
block1.value= "";
block2.value= "";
if (selinoutkey.selectedIndex==1){
myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN + EXTERNKEY; //外部密钥认证
}else {myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN;} //已装载到发卡器内部密钥认证
myareano = selareano.selectedIndex; //指定为本次读取第8区，十进制
authmode = selauthmode.selectedIndex; //指定密码模式，十进制，大于0表示用A密码认证，推荐用A密码认证
mypiccserial = "00000000"; //指定本次操作的卡序列号，十六进制，未知时可指定为8个0
mypicckey = authkey0.value.trim(); //指定卡片密码，十六进制，FFFFFFFFFFFF为卡片厂家出厂密码
if (!isHex(mypicckey) || mypicckey.length!=12) {
textarea.value = "认证密钥输入错误，请输入正确的12位16进制认证密钥！";
authkey0.focus();
authkey0.select();
return;
}
var ReadCardComm = "piccreadex," + myctrlword + "," + mypiccserial + "," + myareano + "," + authmode + "," + mypicckey;
WebSocketRun(ReadCardComm);
}
function writecard() {
textarea.value = "";
if (selinoutkey.selectedIndex==1){
myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN + EXTERNKEY; //外部密钥认证
}else {myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN;} //已装载到发卡器内部密钥认证
myareano = selareano.selectedIndex; //指定为本次读取第8区，十进制
authmode = selauthmode.selectedIndex; //指定密码模式，十进制，大于0表示用A密码认证，推荐用A密码认证
mypiccserial = "00000000"; //指定本次操作的卡序列号，十六进制，未知时可指定为8个0
mypicckey = authkey0.value.trim(); //指定卡片密码，十六进制，FFFFFFFFFFFF为卡片厂家出厂密码
if (!isHex(mypicckey) || mypicckey.length!=12) {
textarea.value = "认证密钥输入错误，请输入正确的12位16进制认证密钥！";
authkey0.focus();
authkey0.select();
return;
}
block0data = block0.value.trim(); //第0块写卡数据
if (!isHex(block0data) || block0data.length!=32) {
textarea.value = "第0块数据输入错误，请输入正确的32位16进制写卡数据！";
block0.focus();
block0.select();
return;
}
block1data = block1.value.trim(); //第1块写卡数据
if (!isHex(block1data) || block1data.length!=32) {
textarea.value = "第1块数据输入错误，请输入正确的32位16进制写卡数据！";
block1.focus();
block1.select();
return;
}
block2data = block2.value.trim(); //第2块写卡数据
if (!isHex(block2data) || block2data.length!=32) {
textarea.value = "第2块数据输入错误，请输入正确的32位16进制写卡数据！";
block2.focus();
block2.select();
return;
}
piccdata=block0data+block1data+block2data
var WriteCardComm = "piccwriteex," + myctrlword + "," + mypiccserial + "," + myareano + "," + authmode + "," + mypicckey + "," + piccdata;
WebSocketRun(WriteCardComm);
}
function changecardkeyex() {
textarea.value = "";
if (selinoutkey.selectedIndex==1){
myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN + EXTERNKEY; //外部密钥认证
}else {myctrlword = BLOCK0_EN + BLOCK1_EN + BLOCK2_EN;} //已装载到发卡器内部密钥认证
myareano = selareano.selectedIndex; //指定为本次读取第8区，十进制
authmode = selauthmode.selectedIndex; //指定密码模式，十进制，大于0表示用A密码认证，推荐用A密码认证
mypiccserial = "00000000"; //指定本次操作的卡序列号，十六进制，未知时可指定为8个0
mypicckey_old = authkey0.value.trim(); //指定卡片认证密码，十六进制，FFFFFFFFFFFF为卡片厂家出厂密码
if (!isHex(mypicckey_old) || mypicckey_old.length!=12) {
textarea.value = "认证密钥输入错误，请输入正确的12位16进制认证密钥！";
authkey0.focus();
authkey0.select();
return;
}
mypicckeyA = newkeya.value.trim(); //新A密钥
if (!isHex(mypicckeyA) || mypicckeyA.length!=12) {
textarea.value = "新A密钥输入错误，请输入正确的12位16进制新A密钥！";
newkeya.focus();
newkeya.select();
return;
}
mypiccctr = cardctr.value.trim(); //新控制位，出厂为FF078069，
if (!isHex(mypiccctr) || mypiccctr.length!=8) {
textarea.value = "新控制位输入错误，请输入正确的8位16进制控制位！";
cardctr.focus();
cardctr.select();
return;
}
mypicckeyB = newkeyb.value.trim(); //新B密钥
if (!isHex(mypicckeyB) || mypicckeyB.length!=12) {
textarea.value = "新B密钥输入错误，请输入正确的12位16进制新B密钥！";
newkeyb.focus();
newkeyb.select();
return;
}
mypicckey_new=mypicckeyA+mypiccctr+mypicckeyB;
switch (selchangekey.selectedIndex){
case 0:
mypicckey_new=mypicckey_new+"00";
break;
case 1:
mypicckey_new=mypicckey_new+"02";
break;
default:
mypicckey_new=mypicckey_new+"03";
break;
}
var ChangeKeyComm = "piccchangesinglekeyex," + myctrlword + "," + mypiccserial + "," + myareano + "," + authmode + "," + mypicckey_old + "," + mypicckey_new;
WebSocketRun(ChangeKeyComm);
}
function writecarduid(){
textarea.value = "";
decnumber=newuid.value.trim();
if (decnumber.length<1){
textarea.value = "请先输入要写入的UID！";
newuid.focus();
newuid.select();
return;
}
block0data=block0.value.trim();
if (block0data.length=32){ //如果有读取旧卡的厂商数据，新写入的卡片厂商信息也按旧卡写入
oldcode=block0data.substring(10,32);
}else{oldcode="08040003941846B4DC211D"}
decnumber=parseInt(decnumber); //指定写卡内容，长度为16个字节，其中前面四个字节是卡号，第五字节必须为卡号的异或和校验字，后面为厂家标识
hexnumber= decnumber.toString(16).toUpperCase().padStart(8, '0');
xorcode=parseInt("0x"+hexnumber.substring(0,2))^parseInt("0x"+hexnumber.substring(2,4))^parseInt("0x"+hexnumber.substring(4,6))^parseInt("0x"+hexnumber.substring(6,8));
piccdata0 =hexnumber+xorcode.toString(16).toUpperCase().padStart(2, '0')+oldcode;
if (selinoutkey.selectedIndex==1){
myctrlword = BLOCK0_EN + EXTERNKEY; //外部密钥认证
}else {myctrlword = BLOCK0_EN ;} //已装载到发卡器内部密钥认证
authmode = selauthmode.selectedIndex; //指定密码模式，十进制，大于0表示用A密码认证，推荐用A密码认证
mypiccserial = "00000000"; //指定本次操作的卡序列号，十六进制，未知时可指定为8个0
mypicckey_old = authkey0.value.trim(); //指定卡片认证密码，十六进制，FFFFFFFFFFFF为卡片厂家出厂密码
if (!isHex(mypicckey_old) || mypicckey_old.length!=12) {
textarea.value = "认证密钥输入错误，请输入正确的12位16进制认证密钥！";
authkey0.focus();
authkey0.select();
return;
}
var WriteCardComm = "piccwriteserial," + myctrlword + "," + mypiccserial + "," + authmode + "," + mypicckey_old + "," + piccdata0;
WebSocketRun(WriteCardComm);
}
function DispErrInfo(errcode){
var errstr = "";
switch (errcode) {
case "ReturnCode:001":
errstr = "，读写扇区数据失败！";
break;
case "ReturnCode:002":
errstr = "，读写1、2块数据失败！";
break;
case "ReturnCode:003":
errstr = "，读写第2块数据失败！";
break;
case "ReturnCode:008":
errstr = "，未寻到卡，请将卡放到发卡器的感应区！";
break;
case "ReturnCode:009":
errstr = "，有多张卡在感应区，寻卡过程中防冲突失败，读卡失败！";
break;
case "ReturnCode:010":
errstr = "，该卡可能已被休眠，无法选中卡片！";
break;
case "ReturnCode:011":
errstr = "，密码装载失败！";
break;
case "ReturnCode:012":
errstr = "，卡密码认证失败！";
break;
case "ReturnCode:013":
errstr = "，读块操作失败，原因是刷卡太快或本块所对应的区还没通过密码认证！";
break;
case "ReturnCode:014":
errstr = "，写块操作失败，原因是刷卡太快或本块所对应的区还没通过密码认证！";
break;
case "ReturnCode:018":
errstr = "，写块操作失败！";
break;
case "ReturnCode:021":
errstr = "，没有动态库！";
break;
case "ReturnCode:022":
errstr = "，动态库或驱动程序异常！";
break;
case "ReturnCode:023":
errstr = "，驱动程序错误或发卡器未连接！";
break;
case "ReturnCode:024":
errstr = "，操作超时，一般是动态库没有反映！";
break;
case "ReturnCode:025":
errstr = "，发送字数不够！";
break;
case "ReturnCode:026":
errstr = "，发送的CRC错！";
break;
case "ReturnCode:027":
errstr = "，接收的字数不够！";
break;
case "ReturnCode:028":
errstr = "，接收的CRC错！";
break;
case "ReturnCode:029":
errstr = "，函数输入参数格式错误！";
break;
case "ReturnCode:444":
errstr = "，RFIDWebServer系统文件错误！";
break;
default:
errstr = "，未知的错误！";
}
return errstr;
}
window.onerror = function (e) {
alert("不好意思，出错了!");
return true;//屏蔽系统事件
}
function timeoutevent() {
ws.close();
CardIDShowerdev.value = "websockket返回超时";
}
//websockket数据处理
function WebSocketRev(evt) {
clearTimeout(mytimer);
received_msg = evt.data;
ws.close();
//在这里解析返回数据
var strlist = received_msg.split(",");
if (strlist.length > 1) {
var dispstr = "";
switch (strlist[0]) {
case "pcdbeep":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，已执行蜂鸣响声操作！\r\n"
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
textarea.value = dispstr;
break;
case "pcdgetdevicenumber":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，已读取设备编号！\r\n"
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
if (strlist.length > 2) {
dispstr = dispstr + "设备编号:" + strlist[2] + "\r\n";
}
textarea.value = dispstr;
break;
case "piccrequest":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，已读取Mifare卡卡号！\r\n";
carduid.value=strlist[2];
card8h10dz.value=parseInt("0x"+strlist[2]).toString().padStart(10, '0');
card8h10df.value=strlist[3];
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
textarea.value = dispstr;
break;
case "piccreadex":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，已读取卡内数据！\r\n"
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
if (strlist.length > 2) {
carduid.value= strlist[2] ;
HLCode=strlist[2].substring(0,2)+strlist[2].substring(2,4)+strlist[2].substring(4,6)+strlist[2].substring(6,8);
card8h10dz.value=parseInt("0x"+HLCode).toString().padStart(10, '0');
LHCode=strlist[2].substring(6,8)+strlist[2].substring(4,6)+strlist[2].substring(2,4)+strlist[2].substring(0,2);
card8h10df.value=parseInt("0x"+LHCode).toString().padStart(10, '0');
}
if (strlist.length > 3) {
block0.value= strlist[3].substring(0,32);
block1.value= strlist[3].substring(32,64);
block2.value= strlist[3].substring(64,96);
}
textarea.value = dispstr;
break;
case "piccwriteex":
case "piccwriteserial":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，写卡成功！\r\n"
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
if (strlist.length > 2) {
carduid.value= strlist[2] ;
HLCode=strlist[2].substring(0,2)+strlist[2].substring(2,4)+strlist[2].substring(4,6)+strlist[2].substring(6,8);
card8h10dz.value=parseInt("0x"+HLCode).toString().padStart(10, '0');
LHCode=strlist[2].substring(6,8)+strlist[2].substring(4,6)+strlist[2].substring(2,4)+strlist[2].substring(0,2);
card8h10df.value=parseInt("0x"+LHCode).toString().padStart(10, '0');
}
textarea.value = dispstr;
break;
case "piccchangesinglekeyex":
dispstr = "函数名称:" + strlist[0] + "\r\n";
if (strlist[1] == "ReturnCode:000") {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + "，更改卡片密钥成功！\r\n"
} else {
dispstr = dispstr + "操作结果:" + strlist[1];
dispstr = dispstr + DispErrInfo(strlist[1]);
}
if (strlist.length > 2) {
carduid.value= strlist[2] ;
HLCode=strlist[2].substring(0,2)+strlist[2].substring(2,4)+strlist[2].substring(4,6)+strlist[2].substring(6,8);
card8h10dz.value=parseInt("0x"+HLCode).toString().padStart(10, '0');
LHCode=strlist[2].substring(6,8)+strlist[2].substring(4,6)+strlist[2].substring(2,4)+strlist[2].substring(0,2);
card8h10df.value=parseInt("0x"+LHCode).toString().padStart(10, '0');
}
textarea.value = dispstr;
break;
}
}
}
function WebSocketRun(sendinfo) {
iswsrun = false;
try {
if ("WebSocket" in window) {
ws = new WebSocket(wsUri);
}
else if ("MozWebSocket" in window) {
ws = new MozWebSocket(wsUri);
}
else {
received_msg = "您的浏览器不支持WebSocket，请选用支持WebSocket的浏览器！";
return;
}
clearTimeout(mytimer);
ws.onopen = function (evt) {
ws.send(sendinfo);
iswsrun = true;
mytimer = setTimeout("timeoutevent()", 2000);
};
ws.onmessage = WebSocketRev;
ws.onerror = function (e) {
if (iswsrun != true) {
received_msg = "请先在当前电脑下载>安装>运行我们的服务程序......";
window.open("http://www.icmcu.com/ICID15693-02V2test/RFIDWebServerSetup.exe", "top");//打开新窗口
alert("请先下载>安装>运行我们的服务程序，再刷新本页面......");
}
};
}
catch (ex) {
if (iswsrun != true) {
received_msg = "请先在当前电脑下载>安装>运行我们的服务程序......";
window.open("http://www.icmcu.com/ICID15693-02V2test/RFIDWebServerSetup.exe", "top");//打开新窗口
alert("请先下载>安装>运行我们的服务程序，再刷新本页面......");
}
}
}
</script>
</head>
<body>
<table width="866" height="425" border="1" align="center">
<tr>
<th width="124" height="45" scope="row"><input name="butt_beep" type="submit" id="butt_beep" onclick="beep()" value="驱动发卡器响声" /></th>
<td width="716"><input name="butt_getdevnum" type="submit" id="butt_getdevnum" onclick="getdevicenumber()" value="读取发卡器唯一出厂序列号" /></td>
</tr>
<tr>
<th height="45" scope="row"><input name="butt_piccrequest" type="submit" id="butt_piccrequest" onclick="piccrequest()" value="寻M1卡获取卡号" /></th>
<td>原始16进制卡号：
<input name="carduid" type="text" id="carduid" size="9" maxlength="8" />
，转8H10D正码：
<input name="card8h10dz" type="text" id="card8h10dz" size="10" maxlength="10" />
，8H10D反码：
<input name="card8h10df" type="text" id="card8h10df" size="10" maxlength="10" /></td>
</tr>
<tr>
<th height="45" scope="row"> </th>
<td><p>扇区号：
<select name="selareano" id="selareano">
<option selected="selected">第0扇区</option>
<option>第1扇区</option>
<option>第2扇区</option>
<option>第3扇区</option>
<option>第4扇区</option>
<option>第5扇区</option>
<option>第6扇区</option>
<option>第7扇区</option>
<option>第8扇区</option>
<option>第9扇区</option>
<option>第10扇区</option>
<option>第11扇区</option>
<option>第12扇区</option>
<option>第13扇区</option>
<option>第14扇区</option>
<option>第15扇区</option>
</select>
<label for="changeauthkey"></label>
<select name="selinoutkey" id="selinoutkey">
<option>内部密钥认证</option>
<option selected="selected">外部密钥认证</option>
</select>
<label for="newkey"></label>
<select name="selauthmode" id="selauthmode">
<option>B密钥认证</option>
<option selected="selected">A密钥认证</option>
</select>
，认证密钥：
<label for="authkey0"></label>
<input name="authkey0" type="text" id="authkey0" value="FFFFFFFFFFFF" size="13" maxlength="12" />
</p></td>
</tr>
<tr>
<th height="45" scope="row"><p>
<input name="butt_readcard" type="submit" id="butt_readcard" onclick="readcard()" value="轻松读取扇区数据" />
</p>
<input name="butt_writecard" type="submit" id="butt_writecard" onclick="writecard()" value="轻松写入扇区数据" /></th>
<td><p>
<label for="rwtext"></label>
第0块：
<input name="block0" type="text" id="block0" size="33" maxlength="32" />
</p>
<p>第1块：
<input name="block1" type="text" id="block1" size="33" maxlength="32" />
</p>
<p>第2块：
<input name="block2" type="text" id="block2" size="33" maxlength="32" />
</p></td>
</tr>
<tr>
<th height="45" scope="row"><input name="butt_changecardkeyex" type="submit" id="butt_changecardkeyex" onclick="changecardkeyex()" value="修改扇区密钥" /></th>
<td><select name="selchangekey" id="selchangekey">
<option>只修改A密钥</option>
<option>只修改AB密钥</option>
<option selected="selected">修改AB密钥及控制位</option>
</select>
，新A密钥
<input name="newkeya" type="text" id="newkeya" value="FFFFFFFFFFFF" size="12" maxlength="12" />
，控制位
<input name="cardctr" type="text" id="cardctr" value="FF078069" size="8" maxlength="8" />
，B密钥
<input name="newkeyb" type="text" id="newkeyb" value="FFFFFFFFFFFF" size="12" maxlength="12" /></td>
</tr>
<tr>
<th height="45" scope="row"><input name="butt_writecarduid" type="submit" id="butt_writecarduid" onclick="writecarduid()" value="写入UID卡号" /></th>
<td>8H10D正码UID:
<input name="newuid" type="text" id="newuid" size="10" maxlength="10" onkeyup="this.value=this.value.replace(/\D/g,'')"/></td>
</tr>
<tr>
<th height="100" scope="row"><p>操作提示</p>
<p> </p>
<p> </p></th>
<td><textarea name="textarea" id="textarea" cols="100" rows="8" ></textarea></td>
</tr>
</table>
</body>
</html>
文章来源:https://blog.csdn.net/zhangjin7422/article/details/135098760
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：chenni525@qq.com进行投诉反馈，一经查实，立即删除！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：chenni525@qq.com进行投诉反馈，一经查实，立即删除！
最新文章