使用友我科技IC卡读卡器插件实现Web后台智能卡登录

最新推荐文章于 2026-06-23 15:10:44 发布

原创最新推荐文章于 2026-06-23 15:10:44 发布 · 381 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#前端 #IC卡读卡器 #读卡器

友我科技IC卡读卡器插件

友我科技IC卡读卡器插件是连接IC卡读卡器与web浏览器的桥梁，目前适用于google浏览器，edge浏览器，firefox和相关内核的浏览器，兼容windows和麒麟，统信操作系统。一键即可安装，打开浏览器即可使用。

智能卡

智能卡是可以存储信息的卡片，目前以非接触NFC卡片为主，卡片包括唯一的UID，可以用于身份识别。使用NFC智能卡可以用于计算机登录，也可以用于web浏览器后台登录。

引用头文件js

在js里引用头文件如下

<script language="javascript" src="http://127.0.0.1:8008/YOWOCloudRFIDReader.js"></script>
<script language="javascript" src="YOWOReaderBase.js"></script>

调用读卡

接着在登录界面直接调用读卡的代码，

function Start()
{

	rfidreader.Repeat=1;
	rfidreader.HaltAfterSuccess=1;
	rfidreader.RequestTypeACardNo(1, 0);
}

三行代码：

rfidreader.Repeat=1;需要循环重复读卡

rfidreader.HaltAfterSuccess=1;读到一张卡后，将此卡休眠，防止重复读取

rfidreader.RequestTypeACardNo(1, 0);开始启动读卡

读卡回调返回

一旦读到卡后，数据以回调方式返回，代码如下

rfidreader.onResult(function(resultdata)
{
	switch(resultdata.FunctionID)
    {
    	
		case 14:
        document.getElementById("CloudReaderVer").value = resultdata.strData;
        break;
		case 0:
		if(resultdata.Result>0)
		{
            postCardNo(resultdata.strData);		
		}
		break;
    }
}
);

使用AJAX与后台交互，检测该卡的有效性

回调得到卡号后，调用AJAX与后台，返回该卡是否可以登录

$.ajax({
                                type: "post",
                                url: "api/checkuser",
                                data: {"card": carduid},
                                dataType: 'JSON',
                                success: function (data, status) {
                                    if (data.result == true) {
                                         login(carduid);
                                    }
                                },
                                error: function () {
                                    toastr.error('操作失败');
                                },
                                complete: function () {

                                }

                            });