@{
Layout = null;
}
<!DOCTYPE html>
一、首先写好html的样式 写出需要读取的数据
使用硬件读取出身份证信息
姓 名：
<input type="text" id="Name" /><br /><br />
性 别：
<input type="text" id="Sex" /><br /><br />
名 族：
<input type="text" id="minzu" /><br /><br />
生 日：
<input type="text" id="Birth" /><br /><br />
身份证号码： <input type="text" id="ID" /><br /><br />
身份证住址：
<input type="text" id="Address" /><br /><br />
签发机关：
<input type="text" id="IDIssued" /><br /><br />
有效期限：
<input type="text" id="date" /><br /><br />
</div>
二、 把相关的插件放进来：
<script src="~/A_Resources/R_QT/jquery-3.4.1.min.js"></script>
<script src="~/Areas/AB_anbao/Content/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
<script src="~/A_Resources/R_PC/layui/layui.js"></script>
<script src="~/Areas/AB_anbao/Content/ShenFenZheng/js/baseISSObject.js"></script>
<script src="~/Areas/AB_anbao/Content/ShenFenZheng/js/baseISSOnline.js"></script>
<script src="~/Areas/AB_anbao/Content/ShenFenZheng/js/common.js"></script>
三、进行js代码
<script>
$(function () {
//启动身份证读卡器
setInterval(function () {
new Device().startFun()
}, 1000)
});
// 先调用setCertificateData（）方法 并把id赋值给你要的字段 然后读取卡信息
function setCertificateData(data) {
var data0 = data.Certificate;
img = data0.Base64Photo;
$("#id_img_pers").attr("src", "data:image/jpg;base64," + img);
$("#Name").val(data0.Name); //姓名
$("#Sex").val(data0.Sex); //性别
$("#minzu").val(data0.Nation); //民族
$("#Birth").val(data0.Birthday); //生日
$("#ID").val(data0.IDNumber); //身份证号
$("#Address").val(data0.Address); //住址
$("#IDIssued").val(data0.IDIssued); //签发机关
$("#date").val(data0.IssuedData + "-" + data0.ValidDate); //有效期限
}
</script>
</body>
</html>
四、还要把相关的驱动安装上：
五、这是我把样式弄成我需要的样子，读取信息效果图如下：
