ie还是谷歌都是可以用的

只需要直接启用华视电子身份证阅读器的服务来的,至于服务已经上传到了网上   华视阅读器服务,下载下来解压,找到对应的华视电子读卡服务.exe文件,路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击打开之后,然后你在代码中,就可以使用对应的服务的方法(接口);

首先是api文件,我是因为把接口单独放在一个js文件中,在vue文件中引用的,所以可能跟你们的有点不一样,你们的代码有可能是直接在vue中访问接口,但是我知道你们肯定会随机应变的,只要把我的对应的网址接口拿出来就行,如下是我的代码:api文件取名为api.js

  1. // 连接身份证读卡器
  2. export function openDevice(data){
  3. return axios({
  4. url:'axios://127.0.0.1:19196/OpenDevice',
  5. method:'GET'
  6. })
  7. }
  8. // 读取身份证
  9. export function readIdCard(data){
  10. return axios({
  11. url:'axios://127.0.0.1:19196/readcard',
  12. method:'GET'
  13. })
  14. }
  15. // 断开连接读卡器
  16. export function closeDevice(data){
  17. return axios({
  18. url:'axios://127.0.0.1:19196/CloseDevice',
  19. method:'GET'
  20. })
  21. }

然后在vue中使用需要导入对应的接口文件:

  1. <script>
  2. import {
  3. openDevice,
  4. readIdCard,
  5. closeDevice
  6. } from '@/api'
  7. // 在methods中调用
  8. methods:{
  9. // 连接读卡器
  10. openDevice() {
  11. openDevice().then(res => {
  12. if (res.data.resultFlag == 0) {
  13. // 连接成功
  14. this.$message.success("连接读卡器成功!")
  15. // this.timerCard = setInterval(this.readCard, 1000);
  16. // this.readCard();
  17. }
  18. })
  19. },
  20. // 身份证读取信息
  21. readCard() {
  22. readIdCard().then(res => {
  23. for (let s of this.tableDataCard) {
  24. s.userName = res.data.partyName
  25. s.certificateNo = res.data.certNumber
  26. let index = this.tableDataCard.findIndex(ticket => ticket.certificateNo == s
  27. .certificateNo);
  28. if (index == -1) this.tableDataCard.push(obj)
  29. }
  30. })
  31. },
  32. // 断开连接身份证
  33. closeDevice() {
  34. closeDevice().then(res => {
  35. if (res.data.resultFlag == 0) {
  36. // 连接成功
  37. this.$message.warning("断开连接")
  38. }
  39. })
  40. },
  41. }
  42. </script>

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

参考链接:https://blog.csdn.net/qq_32154641/article/details/119536128

vue华视电子身份证阅读器的使用的更多相关文章

  1. 二代身份证阅读器(XZX)

    问题一 解决方法: 通常我把所有的dll复制到system32文件夹,64位系统复制到sysWOW64文件夹,而且编译选项CPU要选择X86 问题二 解决方法: 图片路径默认是C:\,对C:\没有写的 ...

  2. 华视身份证读卡器获取uid号vue单文件组件版本

    <template> <div id="app" ref="app"> <object ref="CertCtl&quo ...

  3. 使用 Vue 和 epub.js 制作电子书阅读器

    ePub 简介 ePub 是一种电子书的标准格式,平时我看的电子书大部分是这种格式.在手机上我一般用"多看"阅读 ePub 电子书,在 Windows 上找不到用起来比较顺心的软件 ...

  4. Vue小说阅读器(仿追书神器)

    一个vue阅读器项目,目前已升级到2.0,阅读器支持横向分页并滑动翻页(没有动画,需要动画的可以自己设置,增加transitionDuration即可) 技术栈 vue全家桶+mint-ui gith ...

  5. Linux版EPUB阅读器

    Linux版EPUB阅读器 如果说用平板电脑看书尚属主流的话,那么在电脑上读书就非常少见了.专注阅读16世纪的书是非常困难的了,没人希望后台蹦出QQ聊天窗口.但是如果你非要在电脑上打开电子书的话,那么 ...

  6. Foxit Reader(福昕PDF阅读器) v4.3.1.218 绿色专业版

    软件名称:Foxit Reader(福昕PDF阅读器) v4.3.1.218 绿色专业版 软件语言: 简体中文 授权方式: 免费软件 运行环境: Win 32位/64位 软件大小: 4.40MB 图片 ...

  7. kobo阅读器安装koreader

    动机 kobo阅读器是加拿大的电子阅读器品牌,与kindle类似.问题是这个阅读器在中国无法连接电子书商店,即使是用SS翻出去也不行.一气之下花了一个下午折腾,安装一个开源的阅读器. 安装 代码仓库在 ...

  8. 开发微信小程序——古龙小说阅读器

    概述 由于面试的关系接触了一下微信小程序,花了2晚上开发了一个带书签功能的古龙小说阅读器,并且已经提交审核等待发布.这篇博文记录了我的开发过程和对微信小程序的看法,供以后开发时参考,相信对其他人也有用 ...

  9. 基于React实现的【绿色版电子书阅读器】,支持离线下载

    代码地址如下:http://www.demodashi.com/demo/12052.html MyReader 绿色版电子书阅读器 在线地址:http://myreader.linxins.com ...

随机推荐

  1. FastAPI(六十八)实战开发《在线课程学习系统》接口开发--用户 个人信息接口开发

    在之前的文章:FastAPI(六十七)实战开发<在线课程学习系统>接口开发--用户登陆接口开发,今天实战:用户 个人信息接口开发. 在开发个人信息接口的时候,我们要注意了,因为我们不一样的 ...

  2. 如何在 Java 中实现无向图

    基本概念 图的定义 一个图是由点集 \(V=\{v_i\}\) 和 \(V\) 中元素的无序对的一个集合 \(E=\{e_k\}\) 所构成的二元组,记为 \(G=(V,E)\),\(V\) 中的元素 ...

  3. java_类的访问控制符

    1.分类: public protected default private是java中的访问控制修饰符. public String name; protected String name; Str ...

  4. B. Lord of the Values 思维数学建构 附加 英文翻译

    原题链接 Problem - 1523B - Codeforces 题目及部分翻译 While trading on(贸易,利用) his favorite exchange trader Willi ...

  5. Intellij IDEA 2022 正式发布,这些功能真不错

    Intellij IDEA 2022 正式发布了,作为正版用户,胖哥赶紧更新了一波,好家伙!这几个功能确实很香啊.新版更新的东西真不少,不愧是一个大版本更新. 依赖分析 IDEA的依赖检查.依赖冲突解 ...

  6. WEB安全信息收集

    目录 信息收集 子域名&敏感信息 敏感信息收集--Googlehack 敏感信息收集--收集方向 空间测绘引擎域名资产收集 子域名收集 WEB指纹 端口扫描 IP查询 cms识别 WAF识别 ...

  7. Blazor 组件库 BootstrapBlazor 中Editor组件介绍

    组件介绍 Editor组件是对Summernote 组件的二次封装. 组件分为div模式和editor模式. 默认状态下editor模式的组件样子如下: 其代码如下: <Editor @bind ...

  8. k8s入门之ConfigMap(九)

    ConfigMap是k8s的配置管理工具,通常用来保存明文的配置信息,以key-value形式传递配置. 一.使用命令创建ConfigMap对象 1.通过--from-literal参数创建 kube ...

  9. 【Electron】在 WSL2 中 打包 electron Linux 版本

    [Electron]在 WSL2 中 打包 electron Linux 版本. 安装 WSL 我使用的是 Ubuntu 20.04.4 LTS 的版本. 安装 WSL 文档地址:https://do ...

  10. 简单的TRPG骰子

    又到了新一年的带团季了,今年准备用电脑来存放各种资料,自然也是需要一个简单的骰子工具了,反正也不复杂,就自己写了个,放着做个备份吧 主要功能是计算x1dy1+/-x2dy2+/-.....+/-con ...