vue读取终端硬件信息_vue利用objActiveX对象获取硬件信息（扫身份证登录）

最新推荐文章于 2023-09-20 18:48:04 发布

weixin_39632982

最新推荐文章于 2023-09-20 18:48:04 发布

阅读量1.6k

点赞数

文章标签： vue读取终端硬件信息

本文链接：https://blog.csdn.net/weixin_39632982/article/details/112046410

版权

本文介绍了在Vue项目中，如何利用objActiveX对象读取终端硬件信息，特别是实现身份证信息的读取和登录功能。通过创建特定模板和JS方法，实现设备的开启、身份证信息读取以及设备关闭。在页面加载时，每隔3秒尝试读取身份证，成功后保存并关闭设备。

摘要由CSDN通过智能技术生成

vue中使用就J10设备刷身份证，获取用户身份证信息并登录系统,项目用的是element组件，所以部分为element里的元素。

image.png

如图所示，找到驱动安装的位置，然后用编辑器打开测试页找到object标签

templete部分

复制到vue文件中，并添加内部样式position:absolute取消占位，添加input标签，大小设置为1像素，背景色、文字颜色，border等设置透明用来获取焦点，代码如下：

法院 | 自助诉服系统

请将身份证放在感应区

js部分

进入页面调用开启设备，读取身份证信息，一般为每三秒调用一次，太频繁的话会比较卡，获取信息成功后保存，记得关闭设备

methods: {

// 身份证登录-打开设备

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39632982

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

高级前端工程师

04-09

3761

vue2，vue3，钉钉，扫码登录，第三方钉钉登录，vue钉钉登录，vue3钉钉扫码登录教程，钉钉扫描二维码，钉钉如何获取用户信息，vue3使用钉钉扫码登录，vue3钉钉扫码登录，钉钉登录二维码不显示，扫码后获取不到数据，vue3如何实现扫描钉钉二维码登录，vue集成钉钉单点登录，vue钉钉免密登录获取用户信息，钉钉扫码等第三方登录，详细教程，vue钉钉授权第三方网页登录，vue钉钉，vue3项目引入钉钉登录，vue3 最新钉钉扫码登录第三方网站，vue钉钉授权第三方WEB网站扫码登录功能_第三方web进行

Vue3 - 解决报错 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.You are r

最新发布

王佳斌

07-24

5796

vue3，nuxt3，报错，警告，出错，vite，webpack，vue-cli，vueCli，vue3 vue-cli报错，vue3+vite警告报错，如何解决这个问题，修改版本也不行，@vitejs/plugin-vue，还是警告无法解决，其他方法，Vue3使用CLI搭建后，出现runtime-core.esm-bundler，项目启动报错，打包，加载，浏览器控制台黄色警告，vue3 出现Feature flag __VUE_PROD_HYD如何解决，nuxt3如何解决，未被明确定义，用Vue-CLI脚

参与评论您还未登录，请先登录后发表或查看评论

Vue调用硬件接口报错

regretTAT的博客

08-08

257

调用身份证读卡器，使用谷歌浏览器读卡器硬件的接口有几率是被谷歌拦截所以报错。如果大家的问题没解决也可以去看看希望能对你有所帮助。搜索 block 找到这个选项。切换状态之后重启浏览器即可。当时找的这篇文章解决问题。谷歌浏览器调用硬件报错。

vue读取终端硬件信息_基于xterm.js 实现Vue版本终端terminal

weixin_28675839的博客

01-12

1043

基于xterm.js 实现Vue版本终端terminal先看效果image前端实现xtermnpm install --save xtermxterm-addon-fitxterm.js的插件，使终端的尺寸适合包含元素。npm install --save xterm-addon-fitxterm-addon-attachxterm.js的附加组件，用于附加到Web Socketnpm insta...

vue获取设备硬件信息

swoly2894265391的博客

09-20

2744

vue通过node获取设备硬件信息,硬件序列号等,借用os模块及通过child_process包借用shell来执行命令行命令(不分Uint8阵列数据转换)

vue读取终端硬件信息_[提示]在macOS终端上查看硬件信息

weixin_26779013的博客

12-30

439

不用多说，在mac机下可以看到的硬件信息是相对锁定的，很难找到诸如门所需的CPU模型之类的参数.在这里我刚刚在Internet上找到了一个脚本，但是显示输出中存在一些小问题. 几个参数已删除. macOS 10.12.3上的当前显示仍然正常回显“ CPU型号: ”sysctl-nmachdep.cpu.brand_stringecho“ CPU核心数: ”sysctl-nmachdep.cpu....

vue读取终端硬件信息_Linux 系统下查看硬件信息命令大全

weixin_33249666的博客

01-12

626

有许多命令可以用来查看 Linux 系统上的硬件信息。有些命令只能够打印出像 CPU 和内存这一特定的硬件组件信息，另外一些命令可以查看多种硬件组件的信息。这个教程可以带大家快速了解一下查看各种硬件设备的信息和配置详情的最常用的命令。lscpulscpu命令能够查看 CPU 和处理单元的信息。该命令没有任何其他选项或者别的功能。lscpu运行该命令会看到下面输出：lspcilspci是另一个命令行...

获取硬件信息

weixin_44231643的博客

05-21

990

获取硬件信息调用WindowsAPI实现获取硬件信息获取物理内存大小这里只解析了物理内存大小，其余内存信息可以按需要提取对物理内存大小做了向上的取整默认返回的内存大小为Byte，这里转换为了GB #define GB (1024*1024*1024) MEMORYSTATUSEX statusex; statusex.dwLength = sizeof(st...

process.env.VUE_APP_BASE_API 获取不到

热门推荐

m0_67402026的博客

03-08

1万+

process.env.VUE_APP_BASE_API 获取不到 import axios from 'axios' // 创建axios实例 const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // api的base_url timeout: 50000, // 请求超时时间, }) axios.defaults.headers = { contentType: 'application/json',

Vue.js获取手机系统型号、版本、浏览器类型的示例代码

10-15

主要介绍了vue js获取手机系统型号、版本、浏览器类型的示例代码，代码简单易懂，非常不错具有一定的参考借鉴价值,需要的朋友可以参考下

test-electron-vue用来获取电脑mac地址

04-20

下载资源后请注意输入cnpm i 获取依赖，然后在项目根目录下执行cnpm run electron:serve即可。注意：需要环境vuecli3+，cnpm , npm , node

vc 获取唯一硬件信息_Linux中几个获取硬件详细信息的命令

weixin_39707612的博客

12-04

286

在Linux系统特别是服务器系统中常常会需要查看设备的硬件信息，这时候使用命令查看就显得非常方便。本文介绍几个在Linux系统中查看硬件信息的命令，它们是lspci、lsblk、lscpu 和 lsusb。lspci 命令从命令的名称ls+pci的组合上大致也能看出来，lspci用于显示有关系统中的PCI总线以及与其连接的设备的信息。默认情况下，它显示设备的简短列表，如果配合指定的选项使用可以显示...

技巧获取电脑硬件信息 -转发

weixin_33796205的博客

04-27

288

概述分享一个一键检测硬件命令。当你拿到一个新电脑时，不需要再去控制面板、设备管理器、电脑属性去一个一个查看了，只需要复制下这里脚本内容，一键执行就可以了解到硬件的所有信息。下面介绍下脚本内容。 bat脚本内容： @echo off color 0a title 硬件检测 mode con cols=90 sc config winmgmt start= auto >nul 2<&...

Vue使用Object标签对接IC读卡器硬件

DriverFang的博客

05-25

1716

最近公司的一个项目其中有一块是涉及到读取和写入卡片信息，这边发现Object标签在Vue里似乎无法使用，于是便想到了使用iframe标签来展示内容并进行Vue和iframe之间参数的传递。废话不多说，直接上代码。 1.iframe向Vue传参（1）通过postMessage函数传递参数（2）在Vue页面通过监听接收到Iframe传来的参数 2.Vue向iframe传参（1）首先需要获取到iframe的内容（2）通过点击事件将需要传递的参数传递到iframe页面（3）.

vue读取终端硬件信息_PoS终端的安全问题使消费者容易受骗

weixin_32719533的博客

12-31

142

研究人员详细介绍了销售点(PoS)终端中普遍存在的安全问题，特别是厂商Verifone和Ingenico生产的三个系列的终端设备中普遍存在这些问题。这些问题已经向厂商进行了汇报，并且已经打上了补丁，该漏洞会使全球零售商使用的几款流行的PoS终端面临各种网络攻击的风险。受影响的设备包括Verifone VX520、Verifone MX系列和Ingenico Telium 2系列。这些设备...

vue读取终端硬件信息_手持终端的分类与应用场景

weixin_39653320的博客

12-31

274

手持终端看着与手机非常相像，那手持终端与手机一样吗？并不是的，两者虽然相像，但还是有明显的区别。手持终端和手机类似，同样具备操作系统、CPU、电池等特点，但手持终端主要面向企业端的工业生产场景，而手机更多是消费者的个人功能场景。手持终端的定义与分类手持终端因其具备数据实时采集、自动存储、即时显示/反馈等功能，不断改变人们的工作形式和工作流程。手持终端在生活中随处可见，从平常的零售购物，到物流场景的...

vue实现ZKT(中控)身份证读卡器读卡功能

weixin_45423058的博客

07-24

3927

第一次写,权当一个记录吧! 在当前的.vue文件中加上一个 <iframe v-show="false"> <OBJECT classid="CLSID:10946843-7507-44FE-ACE8-2XXXXXXXXX" width=0 height=0 align=center

【vue调用身份证读卡器】

regretTAT的博客

05-11

2115

此js文件是在安装驱动的基础上可以使用、作用就是建立长连接拿到数据。目的：vue项目接入设备读取并获取一系列信息。在需要读取身份证信息的页面引入js文件。定义好之后在vue页面中引入。

vue3实现nfc识别身份证号

06-06

要实现Vue3中的NFC识别身份证号，你需要使用HTML5中的NFC API并且结合Vue3的数据绑定和事件处理。具体的实现步骤如下： 1. 在Vue3组件的template中添加一个按钮或者输入框，用于触发NFC读取事件。 2. 在Vue3组件的script中定义一个data属性，用于保存读取的身份证号。 3. 使用HTML5中的NFC API，通过监听NDEF格式的NFC标签读取事件，获取身份证号，并将其保存到Vue3的data属性中。以下是一个简单的示例代码： ```html <template> <div> <button @click="readNFC">读取身份证号</button> <p>身份证号：{{ idNumber }}</p> </div> </template> <script> export default { data() { return { idNumber: '' } }, methods: { readNFC() { const nfc = window.nfc; if (nfc) { nfc.addNdefListener( this.onNFCRead, function() { console.log('NFC读取失败'); }, function() { console.log('NFC读取完成'); } ); } else { console.log('不支持NFC'); } }, onNFCRead(nfcEvent) { const tag = nfcEvent.tag; const ndefMessage = tag.ndefMessage; if (ndefMessage) { const payload = ndefMessage[0].payload; const textDecoder = new TextDecoder('utf-8'); const idNumber = textDecoder.decode(payload); this.idNumber = idNumber; } } } } </script> ``` 请注意，上述示例代码仅供参考，并且需要在支持NFC读取的设备上测试。此外，你还需要在Vue3项目中安装并引入NFC API相关的库和插件，例如cordova-plugin-nfc等。