华大多功能四合一HD-100多功能智能卡读写器OCX插件配置使用教程

置顶 已于 2023-03-13 11:24:34 修改
阅读量1.1w 收藏 7
点赞数 1
分类专栏： 软硬件结合调试 安装教程 文章标签： js jquery 经验分享 其他
于 2020-08-27 16:15:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44395100/article/details/108262071
版权

华大多功能四合一HD-100多功能智能卡读写器OCX插件配置使用教程

一、简介

华大HD-100多功能智能卡读写器作为IC卡系统集成必备的前端处理设备，极大地提高了系统的安全性和应用的方便性，能更加优秀的服务于卫生、社保、二代证查询、工商、电信、邮政、税务、银行、保险、医疗以及各种收费、储值、查询等智能卡管理应用行业。

1.HD-100有几种不同配置，功能分别如下：
四合一：身份证、社保卡、磁条卡、就诊卡 (此次教程叫的就是四合一)
三合一：社保卡、磁条卡、就诊卡

2.华大HD-100多功能读卡器产品特点：

  • 支持 ISO/IEC 7816-1/2/3 标准 CPU 卡，T=0、T=1、逻辑加密卡及memory卡，社保卡、医保卡等

  • 支持 Mifare 卡和符合 ISO14443 标准的 A 类和 B 类卡，ISO 15693 等卡片, 通讯速率最高支持 424 Kbps

  • 支持身份证卡片

  • 支持 4个 PSAM 卡安全模块、支持高速 PSAM 卡安全交易认证，符合 ISO7816 标准

  • 安装方便，可靠性高，适合联机使用

  • 全速 USB 接口, RS232，以太网等

  • 人机界面：一个指示灯，指示电源和操作状态

  • 支持在线程序升级，提供 Windows/Linux/Unix 等各种平台下的应用程序标 准 DLL 动态库接口

二、配置使用

读卡器图片，如下图

在这里插入图片描述


注意：安装前先把360等杀毒软件退出，否则可能会影响读卡器的正常使用
准备：先将读卡机设备连接到电脑usb接口，确定连接成功之后在进行一下操作

1.以管理员点击运行（华大多合一控件安装.exe）文件，如下图

在这里插入图片描述

2. 安装时一直点击下一步即可，安装成功会显示以下页面

在这里插入图片描述

3.完成安装之后打开页面时需要使用 360浏览器或者IE浏览器 打开浏览器–>工具–>Internet选项–>自定义级别 （Internet和本地Internet都需要设置），如下图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.选择启用

在这里插入图片描述


5.选择 是，之后打开页面之后选择兼容模式

在这里插入图片描述

6.选择允许阻止内容

在这里插入图片描述

7.选择 是

在这里插入图片描述

8.选择 是

在这里插入图片描述

9.硬件配置已完成接下来就可以使用啦！


三、代码分享

1.华大读卡器会给一套js代码，首先，需要引入到页面中进行调用。

<script th:src="@{/js/common/hd_card.js}"></script>

hd_card.js的代码内容如下：

// version:2019011
// 华大读卡器 head 中加 <OBJECT classid=clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2 width=0 height=0 align="center" id="bsHDdev" HSPACE=0 VSPACE=0></OBJECT>
/** ***************基础工具*********************** */

/**
 * 华大读卡器。读身份证或社保卡。返回：{type:类型, realname:姓名，gender：性别，nation：民族，brithday：出生日期，address：家庭住址，idCardNum：身份证号, sidCardNum:社保号, photoBase64: 照片base64字符串}
 */
function tg_readCard4HD(deviceObjectId, slot) {
    var result = tg_readIdCard4HD(deviceObjectId); // 先读身份证
    if (!result.success) { // 身份证读取失败
        result = tg_readSidCard4HD(deviceObjectId, slot); // 读取社保卡
    }
    return result;
}
/**
 * 华大读卡器。读身份证 返回：{type:类型, realname:姓名，gender：性别，nation：民族，brithday：出生日期，address：家庭住址，idCardNum：身份证号, photoBase64: 照片base64字符串}<br>
 * 相片显示：document.getElementById("photo").src="https://img-blog.csdnimg.cn/2022010711192871364.png"+photoBase64;
 */
function tg_readIdCard4HD(deviceObjectId) {
    var result = { // 返回结果
        type : 'idCard' // 身份证
    };
    var deviceObject = document.getElementById(deviceObjectId); // 得到设备控件 deviceObjectId
    var readResult = deviceObject.iReaderIDCard("C:\\zp.jpg"); // 读卡,传入照片路径
    if (readResult == 0) { // 读卡成功
        var cardInfo = deviceObject.pOutInfo;
        var base64Str = deviceObject.base64Data;
        var idCardInfo = cardInfo.split('|').slice(0, 6);
        result.success = true;
        result.realname = idCardInfo[0];
        result.gender = idCardInfo[1];
        result.nation = idCardInfo[2];
        result.brithday = idCardInfo[3];
        result.address = idCardInfo[4];
        result.idCardNum = idCardInfo[5];
        result.photoBase64 = base64Str;
    } else { // 读卡失败
        console.log(deviceObject.pMsgErr);
    }
    return result;
}

/**
 * 华大读卡器。读社保卡 返回：{type:类型, sidCardNum:社保号，idCardNum：身份证号，realname：姓名，gender：性别，nation：民族，brithday：生日}
 */
function tg_readSidCard4HD(deviceObjectId, slotParm) {
    var result = { // 返回结果
        type : 'sidCard' // 社保卡
    };
    var deviceObject = document.getElementById(deviceObjectId); // 得到设备控件 deviceObjectId
    var slot = 17; // 传入卡座号 17 -20
    if (slotParm) {
        slot = slotParm;
    }
    var readResult = deviceObject.iReadSicard(slot); // 读卡
    if (readResult == 0) { // 读卡成功
        var cardInfo = deviceObject.pOutInfo;
        var scardInfo = cardInfo.split('|').slice(0, 6);
        result.success = true;
        result.sidCardNum = scardInfo[0];
        result.idCardNum = scardInfo[1];
        result.realname = scardInfo[2];
        result.gender = scardInfo[3];
        result.nation = scardInfo[4];
        result.brithday = scardInfo[5];
    } else { // 读卡失败
        console.log(deviceObject.pMsgErr);
    }
    return result;
}

2.会有一个object classid 需要引入，下面的是我乱写的classid，每个设备都不一样。

<object classid="clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2" id="bsHDdev" width="0" height="0" hspace="0" vspace="0" />

3.页面使用代码示例（会自带测试页面也可以使用）

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a> <a><cite>会员业务</cite></a> <a href="#/manage/member/"><cite>挂号</cite></a>
    </div>
    <object classid="clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2" id="bsHDdev" width="0" height="0" hspace="0" vspace="0" />
</div>
<!--/*******页面内容*******/-->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="tg_member_add_form" lay-filter="tg_member_add_form_filter" class="layui-form layui-form-pane">
                <!--/*防止重复提交*/-->
                <!--<input name="tgAvoidRepeatSubmitToken" th:value="" type="text" hidden="true" />-->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <img src="" id="photoBase64" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="realname" id="realname" disabled placeholder="请输入姓名"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">性别<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input id="genderStr" disabled placeholder="请输入性别"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" /> 
                            <input id="gender" name="gender" type="text" hidden="true" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">民族<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="nation" id="nation" disabled placeholder="请输入民族"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">出生日期<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="brithday" id="brithday" disabled placeholder="请输入出生日期"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">身份证号<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="idCardNum" id="idCardNum" disabled placeholder="请输入身份证号"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">社保号<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="sidCardNum" id="sidCardNum" disabled placeholder="请输入社保号"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">地址<span style="color: red"> *</span></label>
                    <div class="layui-input-block">
                        <input name="address" id="address" disabled placeholder="请输入地址"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <div class="layui-footer">
                            <input type="button" id="tg_readCard_add_submit_but" value="读卡" class="layui-btn layui-btn-lg layui-btn-normal" lay-submit="" lay-filter="tg_readCard_add_submit_but_filter">
                            <button id="tg_member_add_form_submit_but" lay-filter="tg_member_add_form_submit_but_filter" class="layui-btn layui-btn-lg" lay-submit="">挂号</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!--/*******当前页js*******/-->
<script>
    layui.use([ 'member', 'form', 'layer' ], function() {
        var member = layui.member, form = layui.form, $ = layui.$, layer = layui.layer;
        form.render(null, 'tg_member_add_form_filter'); // 渲染该模板动态表单
        // 监听读卡 
        form.on('submit(tg_readCard_add_submit_but_filter)', function(data) {
            var result = tg_readCard4HD("bsHDdev", 17);
            if (result.success) {
                // 设置input值
                $("#realname").attr("value", result.realname); // 姓名
                $("#genderStr").attr("value", result.gender); // 性别
                if(result.gender == "男"){
                    $("#gender").attr("value", 1);
                } else {
                    $("#gender").attr("value", 2);
                }
                var year = result.brithday.substr(0, 4);
                var month = result.brithday.substr(4, 2);
                var day = result.brithday.substr(6, 2);
                $("#nation").attr("value", result.nation); // 民族
                $("#brithday").attr("value", year + "-" + month + "-" + day); // 出生日期
                $("#address").attr("value", result.address); // 地址
                $("#idCardNum").attr("value", result.idCardNum); // 身份证号
                $("#sidCardNum").attr("value", result.sidCardNum); // 社保号
                if( result.photoBase64 != null ){
                    $("#photoBase64").attr("src", 'data:image/jpeg;base64,' + result.photoBase64); // 照片base6
                }
                // 读卡提交到后台的值
                data.field.realname = result.realname; // 姓名
                data.field.gender = $("#gender").val(); // 性别
                data.field.nation = result.nation; // 民族
                data.field.brithday = year + "-" + month + "-" + day; // 出生日期
                data.field.address = result.address; // 地址
                data.field.idCardNum = result.idCardNum; // 身份证号
                data.field.sidCardNum = result.sidCardNum; // 社保号
                data.field.photoBase64 = result.photoBase64; // 照片base6
             tg_submitForm('tg_readCard_add_submit_but', BASE_URL + 'm/cardRecord/add.htm', data.field, function(d) {
            }); 
            return false; // 阻止form跳转
            }
        });
        // 监听提交 
        form.on('submit(tg_member_add_form_submit_but_filter)', function(data) {
            if(data.field.realname != ""){
                tg_submitForm('tg_member_add_form_submit_but', BASE_URL + 'm/signRecord/add.htm', data.field, function(d) {
                    tg_alert_success_location('/manage/member/show/id=' + data.field.idCardNum); // 成功提醒并跳转
                });
            }else{
                layer.msg("请读取卡片");
            }
            return false; // 阻止form跳转
        }); 
    });
</script>

以上就是华大多功能四合一HD-100多功能智能卡读写器配置的使用教程，希望可以帮助到你，如有疑问欢迎私信探讨交流。

王然而
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
专栏目录
华视读卡器多浏览器插件（对接娱乐场所和特种行业治安管理平台）
2401_85513962的博客
06-05 167
浏览器自带华视读卡器多浏览器插件 安装浏览器自动安装插件驱动。
HD-OS HD-100 Proprietary Driver读卡器驱动程序 免费版
07-12
HD-100读卡器驱动旨在让用户们能够很好的解决读卡驱动的问题，一些摄像机都在使用这一驱动程序，能够很好的进行读卡器的识别，达到最佳的驱动效果，支持众多系统，能够完美的解决读卡驱动的难题！官方介绍应用领域很广，主要是一些摄像机使用这个驱动，很多个人及机,欢迎下载体验
华大多合一通用读写读卡器ocx控件.zip
05-25
华大多合一通用读写读卡器ocx控件.zip
华视身份证读卡器OCX控件.rar
09-23
华视100UC身份证读卡器；用于B/S端，OCX控件注册代码；本人亲测可用；
黑龙江省医保-华大读卡器驱动
09-30
华大HD100带液晶屏，可以主动扫码设备。黑龙江省医保接口，2020年度最新接口文档必须文件。黑龙江省医保接口，2020年度最新接口文档必须文件。
居民二代身份证跨浏览通用阅读控件IDCardWeb v4.16.0.1116.zip
07-11
居民二代身份证跨浏览通用阅读控件IDCardWeb是一款通用的配合二代身份证阅读器实现网页读取二代身份证信息的控件。 作为web应用开发者，我们经常会遇到要在浏览器中采集身份证信息的需求，而阅读器厂家提供的很难达到使用要求。IDCardWeb针对这一需求，通过在网页中嵌入控件，实现准确、快速、安全、防篡改地采集身份证信息。居民二代身份证的姓名中可能含有的生僻字使用的是专用编码和字库，在使用通用字库的计算机中是不能显示的，IDCardWeb通过生僻字内码等方式很好地解决了此问题。IDCardWeb能够在无界面、图标界面、基本界面、照片界面和标准界面中转换，适应于不同的应用场合。IDCardWeb提供丰富的数据接口，让应用开发者方便地进行二次开发。IDCardWeb采用阅读事件异步返回数据，全自动、连续循环地阅读采集数据和处理，同时提供单次同步读卡接口，让应用开发者更人性化地开发系统。 IDCardWeb采用信息产业部数据通信科学技术研究数据所制定的《居民身份证验证安全控制模块接口》进行开发，因此 IDCardWeb可以适用于不同厂家利用这一标准生产的二代身份证阅读器，兼容USB接口和串口接口的阅读器设备。 居民二代身份证跨浏览通用阅读控件IDCardWeb截图
IC卡读写器使用说明
12-26
URF演示程序使用说明，简述了URF系列ic读写器的使用说明
多合一读卡器
11-15
T10 型嵌入式多合一读卡模块
智能卡读卡器常见使用方法
Coodor的博客
06-02 1699
智能卡读卡器常见使用方法 智能卡读卡器作为智能IC卡与其他设备交互的中间媒介,已经使用到各个行业中.那个智能卡读卡器常见的使用方法有哪些呢,下面将几种常见的 使用方法分别作介绍。 1、最简单的使用方法，使用模拟键盘输出的智能卡读卡器可以将所需要的数据直接输出到光标显示位置，不需要读卡器的SDK即可简单的使用智能卡读卡器。 2、windows，linux和安卓使用智能卡读卡器SDK开发包，将智能卡读卡器的SDK嵌入到自己的程序中，对于不管是C#，C++，java，delphi，vb等等都可以兼容，只要熟悉一种
APDU智能卡读写器指令操作
11-26
此APDU转为开发智能卡读写器测试使用！ 能兼容市面上大多读卡器!
华大单片机HC32L136X单片机flash数据读写操作使用
qq_43265868的博客
07-26 2362
本篇文章主要操作华大单片机的flash读写数据操作，内涵代码，能够快速了解应用对华大单片机内部flash的划分
IC卡读写器驱动
02-27
IC卡读写器驱动，用于IC读卡器的开发，有样例，( 德卡Q系列广泛运用于水、电、天然气各领域
大华控件webplugin.zip
12-31
这是大华视频控件，测试可在IE浏览器下正常使用。需要安装，设置安全权限 这是大华视频控件，测试可在IE浏览器下正常使用。需要安装，设置安全权限
智能卡安装和说明--
07-21
Win2000 server 智能卡简单配置过程，证书服务器的安装
c# 华大HD900身份证阅读器操作类
02-16
c#调用c++ dll 华大HD900身份证阅读器操作类, 内含代码示例及相关需引用的dll........
精伦电子读卡器最新OCX插件和使用文档
08-14
精伦电子读卡器是一款广泛应用于身份证识别、卡片读取等领域的硬件设备，而"精伦电子读卡器最新OCX插件和使用文档"则是针对这款设备的软件支持资源。OCX（Object Linking and Embedding, Control Extension）是微软...
精伦多功能读写器OCX插件配置使用教程
weixin_44395100的博客
08-27 7864
精伦多功能读写器OCX插件配置使用教程一、简介二、配置使用三、接口文档说明四、代码示例 一、简介 精伦多功能射频卡读写器iDR210是最新推出销售的一款多功能、免装驱动程序的射频卡读写器，可根据需求配置不同部件实现不同射频卡的读取和写入功能。当配置了专用身份证安全控制模块（SAM）时，可作为第二代居民身份证阅读器使用。 产品内置部授权的专用身份证安全控制模块（SAM），采用国际上先进的TypeB非接触IC卡阅读技术，完成对身份证有效性验证和信息的实时读取，并通过通讯口将身份证信息上传到计算机进行解码、显示、
EasyPlayer windows RTSP播放器OCX插件使用说明
Babosa的专栏
12-11 3650
鉴于大家对于EasyPlayer插件的使用还不太熟悉，特此写一篇插件的使用文档，供大家参考；EasyPlayer插件有两种，一种是基于IE的ActiveX控件，一种是基于FireFox（也支持多浏览器）的npAPI插件；两种插件均包含源码，由于FireBreath框架生成代码比较多，npAPI插件只包含关键代码，后续会提供专门讲解FireBreath生成EasyPlayer npAPI插件的文档，下
msrdc20.ocx控件的功能
最新发布
09-01
msrdc20.ocx控件是Microsoft Remote Data Control 2.0控件的文件，该控件用于在Visual Basic程序中访问和操作远程数据源。 msrdc20.ocx控件的主要功能包括以下几个方面： 1. 远程数据访问：msrdc20.ocx控件可以通过TCP/IP协议访问远程计算机上的数据源，例如数据库服务器。它提供了一套API和方法，用于建立和维护与远程数据源的连接。 2. 数据操作：一旦与远程数据源建立连接，msrdc20.ocx控件可以执行各种数据操作，如查询、插入、更新和删除数据。它提供了丰富的方法和属性，以便在Visual Basic程序中对远程数据进行增删改查等操作。 3. 数据绑定：msrdc20.ocx控件还支持数据绑定，可以将远程数据源中的数据绑定到Visual Basic程序中的控件上，例如文本框、列表框和数据网格等。这使得我们可以方便地显示和编辑远程数据。 4. 事务管理：msrdc20.ocx控件还提供了事务管理功能，用于确保远程数据操作的原子性和一致性。它支持开始、提交和回滚事务，以便在多个数据操作之间维护一致的数据状态。 总之，msrdc20.ocx控件是一个功能强大的远程数据访问控件，可以帮助开发者在Visual Basic程序中方便地访问、操作和展示远程数据。它的功能涵盖了数据访问、操作、绑定和事务管理等方面，为开发者提供了灵活和高效的远程数据处理能力。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王然而

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值