var ws;
$(document).ready(function () {
// test if the browser supports web sockets
if ("WebSocket" in window) {
connect("ws://127.0.0.1:21187/fps");
} else {
$('#es').val('浏览器不支持此指纹仪!');
};
// function to send data on the web socket
function ws_send(str) {
try {
ws.send(str);
} catch (err) {
$('#es').val('error');
}
}
// connect to the specified host
function connect(host) {
$('#es').val('Connecting to " + host + " ...');
try {
ws = new WebSocket(host); // create the web socket
} catch (err) {
$('#es').val('error');
}
ws.onopen = function () {
$('#es').val('设备连接成功!');
};
ws.onmessage = function (evt) {
var obj = eval("("+evt.data+")");
var status = document.getElementById("es");
switch (obj.workmsg) {
case 1:
status.value = "请打开设备";
break;
case 2:
status.value = "Place Finger";
break;
case 3:
status.value = "Lift Finger";
break;
case 4:
//status.value = "";
break;
case 5:
if (obj.retmsg == 1) {
status.value = "Get Template OK";
if (obj.data2 == "null") {
} else {
var en2 = document.getElementById("e2");
en2.value = obj.data2;
}
} else {
status.value = "Get Template Fail";
}
break;
case 6:
if (obj.retmsg == 1) {
status.value = "Enrol Template OK";
if (obj.data1 == "null") {
} else {
var en1 = document.getElementById("e1");
en1.value = obj.data1;
}
} else {
status.value = "Enrol Template Fail";
}
break;
case 7:
if (obj.image == "null") {
} else {
var img = document.getElementById("imgDiv");
img.src = "data:image/png;base64,"+obj.image;
//var en3 = document.getElementById("e3");
//en3.value = obj.image;
}
break;
case 8:
status.value = "Time Out";
break;
case 9:
status.value = "比对结果:"+obj.retmsg;
break;
}
};
ws.onclose = function () {
document.getElementById("es").value = "Closed!";
};
};
});
function EnrollTemplate() {
try {
//ws.send("enrol");
var cmd = "{\"cmd\":\"enrol\",\"data1\":\"\",\"data2\":\"\"}";
ws.send(cmd);
} catch (err) {
}
document.getElementById("es").value = "Place Finger";
}
function GetTemplate() {
try {
//ws.send("capture");
var cmd = "{\"cmd\":\"capture\",\"data1\":\"\",\"data2\":\"\"}";
ws.send(cmd);
} catch (err) {
}
document.getElementById("es").value = "Place Finger";
}
function MatchTemplate() {
var v1=document.getElementById("e1").value;
var v2 = document.getElementById("e2").value;
//var cmd = "{\"cmd\":\"match\",\"data1\":\"" + v1 + "\",\"data2\":\"" + v2 + "\"}";
try {
//ws.send(cmd);
var cmd = "{\"cmd\":\"setdata\",\"data1\":\"" + v1 + "\",\"data2\":\"" + "\"}";
ws.send(cmd);
var cmd = "{\"cmd\":\"setdata\",\"data1\":\"" + "\",\"data2\":\"" + v2 + "\"}";
ws.send(cmd);
var cmd = "{\"cmd\":\"match\",\"data1\":\"\",\"data2\":\"\"}";
ws.send(cmd);
} catch (err) {
}
}
.error {
color: red;
}
.success {
color: green;
}
#console_wrapper {
background-color: black;
color: white;
padding: 5px;
}
#console p {
padding: 0;
margin: 0;
}
| Place Two | Place One |