1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > vue华视电子身份证阅读器的使用II

vue华视电子身份证阅读器的使用II

时间:2023-07-26 00:08:31

相关推荐

vue华视电子身份证阅读器的使用II

我之前发布过一次也是vue华视电子身份阅读器的使用,但是那个是要给浏览器安装插件才行,而且至少支持ie,不支持谷歌。至于插件我放在了资源那边,或者你们可以去华视官网去下载华视阅读器官网,里面有你需要的对应的插件,然而今天我这要说的是通用的,不管是在ie还是在谷歌都是可以用的。而且是直接启用华视电子身份证阅读器的服务来的,至于服务我也上传到了网上华视阅读器服务,下载下来解压,找到对应的华视电子读卡服务.exe文件,路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击打开之后,然后你在代码中,就可以使用对应的服务的方法(接口);

首先是api文件,我是因为把接口单独放在一个js文件中,在vue文件中引用的,所以可能跟你们的有点不一样,你们的代码有可能是直接在vue中访问接口,但是我知道你们肯定会随机应变的,只要把我的对应的网址接口拿出来就行,如下是我的代码:api文件取名为device.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/device/device.js'// 在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.partyNames.certificateNo = res.data.certNumberlet 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>

以上就是直接调用电子读卡服务的接口,这样不用给浏览器安装插件都可以使用,因为我们调用的是原生的接口

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。