2022-09-06 08:27:58 +00:00
|
|
|
<html>
|
|
|
|
<title>Test</title>
|
|
|
|
<meta charset="utf-8"/>
|
|
|
|
<head>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
var socket;
|
|
|
|
|
|
|
|
function connect()
|
|
|
|
{
|
|
|
|
var host = "ws://" + $("serverIP").value + ":" + $("serverPort").value + "/"
|
|
|
|
socket = new WebSocket(host);
|
|
|
|
try
|
|
|
|
{
|
|
|
|
socket.onopen = function (msg)
|
|
|
|
{
|
|
|
|
$("serverIP").disabled = true;
|
|
|
|
$("serverPort").disabled = true;
|
|
|
|
$("btnConnect").disabled = true;
|
|
|
|
$("btnDisConnect").disabled = false;
|
|
|
|
};
|
|
|
|
|
|
|
|
socket.onclose = function (msg)
|
|
|
|
{
|
|
|
|
var myimg = document.getElementById("myCanvas");
|
|
|
|
myimg.src = null;
|
|
|
|
|
|
|
|
$("serverIP").disabled = false;
|
|
|
|
$("serverPort").disabled = false;
|
|
|
|
$("btnConnect").disabled = false;
|
|
|
|
$("btnDisConnect").disabled = true;
|
|
|
|
};
|
|
|
|
|
|
|
|
socket.onmessage = function (msg)
|
|
|
|
{
|
|
|
|
if (typeof msg.data == "string")
|
|
|
|
{
|
|
|
|
var message = JSON.parse(msg.data);
|
|
|
|
if ("GetDeviceList" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("SelectDevice" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("SetScanColorType" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("SetDPI" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("SetDuplex" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("SetScanJPGQuality" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("StartScan" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
else if ("ImageSaveDone" == message['Func'])
|
|
|
|
{
|
|
|
|
myCanvas.src = "data:image/jpeg;base64," + message['result'];
|
|
|
|
}
|
|
|
|
else if ("ScanComplete" == message['Func'])
|
|
|
|
{
|
|
|
|
alert(msg.data);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
catch (ex)
|
|
|
|
{
|
|
|
|
log(ex);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function disconnect()
|
|
|
|
{
|
|
|
|
socket.close();
|
|
|
|
socket = null;
|
|
|
|
}
|
|
|
|
|
|
|
|
function GetDeviceList()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'GetDeviceList',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'0'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function SelectDevice()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'SelectDevice',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'0'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function SetScanColorType()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'SetScanColorType',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'3'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function SetDPI()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'SetDPI',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'200'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function SetDuplex()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'SetDuplex',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'1'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function SetScanJPGQuality()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'SetScanJPGQuality',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'60'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
function StartScan()
|
|
|
|
{
|
|
|
|
socket.send(JSON.stringify({
|
|
|
|
'Func':'StartScan',
|
2022-09-07 05:59:29 +00:00
|
|
|
'arg':'60'
|
2022-09-06 08:27:58 +00:00
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
window.onload = function()
|
|
|
|
{
|
|
|
|
var myimg = document.getElementById("myCanvas");
|
|
|
|
myimg.src = null;
|
|
|
|
|
|
|
|
$("serverIP").disabled = false;
|
|
|
|
$("serverPort").disabled = false;
|
|
|
|
$("btnConnect").disabled = false;
|
|
|
|
$("btnDisConnect").disabled = true;
|
|
|
|
|
|
|
|
connect();
|
|
|
|
}
|
|
|
|
|
|
|
|
window.onbeforeunload = function ()
|
|
|
|
{
|
|
|
|
disconnect();
|
|
|
|
};
|
|
|
|
|
|
|
|
function $(id)
|
|
|
|
{
|
|
|
|
return document.getElementById(id);
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<input id="serverIP" type="text" placeholder="服务器IP" value="127.0.0.1" autofocus="autofocus" />
|
|
|
|
<input id="serverPort" type="text" placeholder="服务器端口" value="9458" />
|
|
|
|
<input id="btnConnect" type="button" value="连接" onclick="connect()" />
|
|
|
|
<input id="btnDisConnect" type="button" value="断开" onclick="disconnect()" />
|
|
|
|
|
|
|
|
<input type="button" value="GetDeviceList" onclick="GetDeviceList()" />
|
|
|
|
<input type="button" value="SelectDevice" onclick="SelectDevice()" />
|
|
|
|
<input type="button" value="SetScanColorType" onclick="SetScanColorType()" />
|
|
|
|
<input type="button" value="SetDPI" onclick="SetDPI()" />
|
|
|
|
<input type="button" value="SetDuplex" onclick="SetDuplex()" />
|
|
|
|
<input type="button" value="SetScanJPGQuality" onclick="SetScanJPGQuality()" />
|
|
|
|
<input type="button" value="StartScan" onclick="StartScan()" />
|
|
|
|
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<img id="myCanvas" width='640' height='480' style="background-color: black; float: left;"/>
|
|
|
|
<input type="text" id="info" style="width:800px; height:80px;" />
|
|
|
|
</body>
|
|
|
|
</html>
|