vue华视电子身份证阅读器的使用
ie还是谷歌都是可以用的
只需要直接启用华视电子身份证阅读器的服务来的,至于服务已经上传到了网上 华视阅读器服务,下载下来解压,找到对应的华视电子读卡服务.exe文件,路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击打开之后,然后你在代码中,就可以使用对应的服务的方法(接口);
首先是api文件,我是因为把接口单独放在一个js文件中,在vue文件中引用的,所以可能跟你们的有点不一样,你们的代码有可能是直接在vue中访问接口,但是我知道你们肯定会随机应变的,只要把我的对应的网址接口拿出来就行,如下是我的代码:api文件取名为api.js
// 连接身份证读卡器 export function openDevice(data){ return axios({ url:'axios://127.0.0.1:19196/OpenDevice', method:'GET' }) } // 读取身份证 export function readIdCard(data){ return axios({ url:'axios://127.0.0.1:19196/readcard', method:'GET' }) } // 断开连接读卡器 export function closeDevice(data){ return axios({ url:'axios://127.0.0.1:19196/CloseDevice', method:'GET' }) }
然后在vue中使用需要导入对应的接口文件:
<script> import { openDevice, readIdCard, closeDevice } from '@/api' // 在methods中调用 methods:{ // 连接读卡器 openDevice() { openDevice().then(res => { if (res.data.resultFlag == 0) { // 连接成功 this.$message.success("连接读卡器成功!") // this.timerCard = setInterval(this.readCard, 1000); // this.readCard(); } }) }, // 身份证读取信息 readCard() { readIdCard().then(res => { for (let s of this.tableDataCard) { s.userName = res.data.partyName s.certificateNo = res.data.certNumber let index = this.tableDataCard.findIndex(ticket => ticket.certificateNo == s .certificateNo); if (index == -1) this.tableDataCard.push(obj) } }) }, // 断开连接身份证 closeDevice() { closeDevice().then(res => { if (res.data.resultFlag == 0) { // 连接成功 this.$message.warning("断开连接") } }) }, } </script>
以上就是直接调用电子读卡服务的接口,这样不用给浏览器安装插件都可以使用,因为我们调用的是原生的接口
参考链接:https://blog.csdn.net/qq_32154641/article/details/119536128
本文来自博客园,作者:喆星高照,转载请注明原文链接:https://www.cnblogs.com/houxianzhou/p/16374729.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?