小采集器

src/router/modules/index.js

@@ -31,13 +31,13 @@ export default[
     component: () => import("@/views/zwxt/fingerprint3.vue")
   },
   {
-    path: "/fingerprintIndex5",
-    name: "fingerprintIndex5",
+    path: "/fingerprintIndex6",
+    name: "fingerprintIndex6",
     meta: {
       title: '指纹界面',
       auth: 5
     },
-    component: () => import("@/views/zwxt/fingerprint5.vue")
+    component: () => import("@/views/zwxt/fingerprint6.vue")
   },
   {
     path: "/fingerprintIndex4",

src/utils/ib_finger.js

+/*
+ * @Author: your name
+ * @Date: 2021-07-13 17:42:40
+ * @LastEditTime: 2021-07-14 09:50:15
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\utils\ib_finger.js
+ */
+
+export class Ib_finger {
+	constructor() {
+		this.BASE64_MARKER = ';base64,';
+		this.temporaryImage;
+		this.objectURL = window.URL || window.webkitURL;
+		this.ws = new WebSocket("ws://localhost:12345/websocket");
+	}
+	/**
+	 * @name: 打开服务
+	 * @param {String} model  模式
+	 * @param {Number} contrast  对比度
+	 * @return {*}
+	 */
+	async startCapture (model, contrast) {
+		let data = {};
+		data["cmd"] = 101;
+		data["imageType"] = model;
+		data["contrast"] = contrast;
+
+		let json = JSON.stringify(data)
+		console.log(json)
+		this.ws = new WebSocket("ws://localhost:12345/websocket");
+		let self = this
+		await new Promise((resolve) => {
+			self.ws.onopen = function (e) {
+				resolve(e.data)
+			}
+		})
+		this.ws.send(json);
+	}
+	// 监听服务，获取结果
+	getFingerResult (preImg) {
+		let self = this
+		self.ws.onmessage = function (ev) {
+			let json = JSON.parse(ev.data);
+			if (json.code == 0) {
+				let data = json.data
+
+				if (data == null) {
+					return;
+				}
+
+				// 动态获取图片
+				if (data.hasOwnProperty("image")) {
+					if (self.temporaryImage) {
+						self.objectURL.revokeObjectURL(self.temporaryImage);
+					}
+					let imageDataBlob = self.convertDataURIToBlob("data:image/bmp;base64," + data.image);
+					self.temporaryImage = self.objectURL.createObjectURL(imageDataBlob);
+					preImg = self.temporaryImage;
+					console.log(self.temporaryImage);
+				}
+
+				if (data.hasOwnProperty("phase") && data.phase == 'Succeeded') {
+					return {
+						// 分数
+						score: data.score,
+						// 保存的指纹图片
+						saveImage: data.saveImage
+					}
+				}
+			}
+		}
+	}
+	convertDataURIToBlob (dataURI) {
+		if (!dataURI) return;
+
+		let base64Index = dataURI.indexOf(this.BASE64_MARKER) + this.BASE64_MARKER.length;
+		let base64 = dataURI.substring(base64Index);
+		let raw = window.atob(base64);
+		let rawLength = raw.length;
+		let array = new Uint8Array(new ArrayBuffer(rawLength));
+
+		for (let i = 0; i < rawLength; i++) {
+			array[i] = raw.charCodeAt(i);
+		}
+
+		return new Blob([array], { type: "image/bmp" });
+	}
+}
\ No newline at end of file

src/utils/sample-code2.js

@@ -81,8 +81,6 @@ export class GrpcCameraService {
       this.autoVideoStream.on('data', (response) => {
         if(response) {
           if (response.getState() === AutoCaptureState.PREVIEW) {
-            // console.log(111111);
-            // console.log(finger);
             if((fingerInfo.statusR == 4) || (fingerInfo.statusL == 4)) {
               console.log('设置了缺指');
               resolve('缺指了')