一、华视电子官网下载程序包

官网地址

二、安装

安装Windows程序安装完成以后会在文件夹内自动生成一个（100UD开发包（Windows））开发包文件夹

打开此文件夹

打开USB驱动安装64位操作驱动（32/64看电脑配置安装如电脑已有此驱动则忽略）安装完成之后打开网页版开发包

安装华视电子读卡服务（不会的可以按照开发手册安装配置）

三、身份证读取请求封装

代码如下（示例）：

/** @Author: Hikari* @Date: -04-26 18:52:16* @LastEditTime: -04-26 20:16:36* @LastEditors: Please set LastEditors* @Description: 读取身份证信息* @FilePath: /cloud-desk-top/components/common/idcard/sdk.js*/import axios from "axios";const sdk = new (function () {var type = null;// 初始化SDK 默认使用华视this.init_sdk = function (qudao = "hs") {this.type = qudao;};// 读取身份证信息this.read_card = function () {return new Promise((resolve, reject) => {axios({method: "post",url: "http://localhost:19196/readCard",}).then((res) => {let data = res.data;let result = data;if (result.resultFlag == 0) {resolve(result);} else {console.log(reject());reject();}}).catch((err) => {reject();});});};// 链接this.open_device = function () {return new Promise((resolve, reject) => {axios({method: "post",url: "http://localhost:19196/OpenDevice",}).then((res) => {let data = res.data;let result = data;if (result.resultFlag == 0) {resolve(result);} else {reject();console.log(reject);}}).catch((err) => {reject();});});};// 断开this.close_device = function () {return new Promise((resolve, reject) => {axios({method: "post",url: "http://localhost:19196/CloseDevice",}).then((res) => {let data = res;let result = data;if (result.resultFlag == 0) {resolve(result);} else {reject();}}).catch((err) => {reject();});});};})();export default sdk;

四、使用页面引入以及使用

代码如下（示例）：

import sdk from "文件路径";//调用读取之前调用连接读卡器方法sdk .open_device().then((res) => {console.log(‘连接成功’);}).catch((err) => {});//成功以后调用读卡器读取方法sdk.read_card().then((res) => {console.log('身份证内容'+res)}).catch((err) => {});

总结

提示：这里对文章进行总结：

vue读取身份证就到此结束了，有问题欢迎留言