身份证阅读器API模式 VUE Dorado7

VUE 新框架

javascript 复制代码
// 身份证扫描
readIdCard(type) {
  // 1.连接
  axios.get('http://localhost:19196/openDevice').then(res => {
    if (res.data.resultFlag === 0) {
      // 2.读卡
      axios.get('http://localhost:19196/readCard').then((res) => {
        if (res.data.resultFlag === 0) {
          // this.$message.success('读卡成功')
          // 信息处理
          this.form.name = res.data.partyName
          this.form.idCard = res.data.certNumber
          this.form.nationality = res.data.nation
          this.form.birthday = res.data.bornDay
          this.form.sex = res.data.gender === '男' ? 1 : res.data.gender === '女' ? 2 : 0
          this.form.expDate = res.data.expDate
          this.form.residence = res.data.certOrg
          this.form.addr = res.data.certAddress
          this.form.photo = 'data:image/jpeg;base64,' + res.data.identityPic

          // 签到打卡
          if (type === 'in') {
            this.loading = true
            trainClassApi.signIn({ idCard: this.form.idCard }).then(res => {
              this.loading = false
              if (res.code !== 200) {
                this.$message.error(res.msg)
                return
              }
              this.$message.success(res.msg)
              this.getByPage()
            }).catch(() => {
              this.loading = false
            })
          } else if (type === 'off') { // 签退打卡
            this.loading = true
            trainClassApi.signOff({ idCard: this.form.idCard }).then(res => {
              this.loading = false
              if (res.code !== 200) {
                this.$message.error(res.msg)
                return
              }
              this.$message.success(res.msg)
              this.getByPage()
            }).catch(() => {
              this.loading = false
            })
          }

          // 3.断开
          axios.get('http://localhost:19196/CloseDevice').then(res => {
            /* if (res.data.resultFlag !== 0) {
              this.$alert('断开失败', '提示', { type: 'error' })
            } */
          })
        } else {
          this.$alert('读卡失败', '提示', { type: 'error' })
        }
      })
    } else {
      this.$alert('连接失败', '提示', { type: 'error' })
    }
  })
},

Dorado7 新版身份证阅读器API模式

javascript 复制代码
/**
 * 身份证阅读器(API模式)【注意:需使用https模式才行 否者会被跨域拦截】
 * like12 add,20240913
 */
// @Bind #idCardApiBtn.onClick
!function(self, employeeForm, employeeDataSet){
	// 1.连接
	var xhr = new XMLHttpRequest();
	xhr.open('GET', 'http://127.0.0.1:19196/OpenDevice', true);
	// xhr.withCredentials = true; // 如果需要的话
	xhr.onreadystatechange = function() {
	    if (xhr.readyState === 4 && xhr.status === 200) {
	    	var resData = JSON.parse(xhr.responseText);
	        // console.log(resData);
	        if(resData.resultFlag == 0){
	        	// 2.读卡
	        	xhr.open('GET', 'http://127.0.0.1:19196/readCard', true);
	        	xhr.onreadystatechange = function() {
	        	    if (xhr.readyState === 4 && xhr.status === 200) {
	        	    	var resData = JSON.parse(xhr.responseText);
	        	        // console.log(resData);
	        	        if(resData.resultFlag == 0){
	        	        	// 信息处理
	        	            var name = resData.partyName;
	        	            var idCard = resData.certNumber;
	        	            var nationality = resData.nation;
	        	            var birthday = resData.bornDay;
	        	            var sex = resData.gender === '男' ? 1 : resData.gender === '女' ? 0 : 2; // 本系统为1男0女2未知
	        	            /*var expDate = resData.expDate;
	        	            var residence = resData.certOrg;*/
	        	            var addr = resData.certAddress;
	        	            var photo = resData.identityPic;
	        	            // var photo = 'data:image/jpeg;base64,' + resData.identityPic;
	        	            /*console.log(name);
	        	            console.log(idCard);
	        	            console.log(nationality);
	        	            console.log(birthday);
	        	            console.log(sex);
	        	            console.log(expDate);
	        	            console.log(residence);
	        	            console.log(addr);
	        	            // console.log(photo);*/
	        	            
	        	            // 出生日期格式转换
	        	    		var birthdayStr = birthday.substr(0, 4) + '-' + birthday.substr(4, 2) + '-' + birthday.substr(6, 2);

	        	    		// 赋值
	        	    		employeeDataSet.getData("#").set('employeeName', name);
	        	    		employeeDataSet.getData("#").set('employeeSex', sex);
	        	    		employeeDataSet.getData("#").set('idCard', idCard);
	        	    		employeeDataSet.getData("#").set('employeeBirthday', birthdayStr);
	        	    		employeeDataSet.getData("#").set('nationality', nationality);
	        	    		employeeDataSet.getData("#").set('registeredResidence', addr);
	        	    		
	        	    		// 保存图片
	        	    		var saveAction = view.get("#saveIdCardPhotoAction");
	        	    		saveAction.set("parameter", {
	        	    			"photo": photo,
	        	    			"idCard": idCard
	        	    		});
	        	    		saveAction.execute(function(returnVal){
	        	    			if(returnVal.indexOf(".jpg") != -1){
	        	    				// 保存图片地址
	        	    				employeeDataSet.getData("#").set('employeePhoto', returnVal);
	        	    				employeeForm.refreshData();
	        	    				// 显示照片
	        	    				view.set('#photoContainer.content', getImage(returnVal));
	        	    			}
	        	    		});
	        	        	
	        	        	// 3.断开
	        	        	xhr.open('GET', 'http://127.0.0.1:19196/CloseDevice', true);
	        	        	xhr.onreadystatechange = function() {};
	        	        	xhr.send();
	        	        }
	        	    }
	        	};
	        	xhr.send();
	        }
	    }
	};
	xhr.send();
};
相关推荐
IT 行者10 分钟前
Web逆向工程AI工具:JSHook MCP,80+专业工具让Claude变JS逆向大师
开发语言·javascript·ecmascript·逆向
程序员 沐阳2 小时前
JavaScript 内存与引用:深究深浅拷贝、垃圾回收与 WeakMap/WeakSet
开发语言·javascript·ecmascript
Mr_Xuhhh2 小时前
Java泛型进阶:从基础到高级特性完全指南
开发语言·windows·python
He1955013 小时前
wordpress搭建块
开发语言·wordpress·古腾堡·wordpress块
老天文学家了3 小时前
蓝桥杯备战Python
开发语言·python
赫瑞3 小时前
数据结构中的排列组合 —— Java实现
java·开发语言·数据结构
初夏睡觉4 小时前
c++1.3(变量与常量,简单数学运算详解),草稿公放
开发语言·c++
升职佳兴4 小时前
C盘爆满自救:3步无损迁移应用数据到E盘(含回滚)
c语言·开发语言
ID_180079054734 小时前
除了 Python,还有哪些语言可以解析 JSON 数据?
开发语言·python·json
cyclv4 小时前
无网络地图展示轨迹,地图瓦片下载,绘制管线
前端·javascript