377 lines
9.2 KiB
HTML
377 lines
9.2 KiB
HTML
<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 ("set_global_config" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_global_config" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("clear_global_file_save_path" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("merge_local_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
|
|
var req = {'func':'load_local_image', 'image_path':''};
|
|
req.image_path = message['image_path'];
|
|
socket.send(JSON.stringify(req));
|
|
}
|
|
else if ("local_make_multi_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("split_local_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("local_make_zip_file" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("local_image_deskew" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("upload_local_file" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("init_device" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("device_arrive" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
}
|
|
else if ("device_remove" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
}
|
|
else if ("deinit_device" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_device_name_list" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("open_device" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("close_device" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("set_device_param" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_device_param" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_curr_device_name" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("start_scan" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
if ("scan_begin" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
}
|
|
else if ("scan_end" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
}
|
|
else if ("scan_info" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
}
|
|
else if ("scan_image" == message['func'])
|
|
{
|
|
var info = document.getElementById('info');
|
|
info.value = msg.data;
|
|
|
|
var req = {'func':'load_local_image', 'image_path':''};
|
|
req.image_path = message['image_path'];
|
|
socket.send(JSON.stringify(req));
|
|
}
|
|
else if ("stop_scan" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("load_local_image" == message['func'])
|
|
{
|
|
var myCanvas = document.getElementById("myCanvas");
|
|
myCanvas.src = message['image_base64'];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
catch (ex)
|
|
{
|
|
log(ex);
|
|
}
|
|
}
|
|
|
|
function disconnect()
|
|
{
|
|
socket.close();
|
|
socket = null;
|
|
}
|
|
|
|
function SetGlobalParam()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'set_global_config'
|
|
}));
|
|
}
|
|
|
|
function GetGlobalParam()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_global_config'
|
|
}));
|
|
}
|
|
|
|
function ClearGlobalSavePath()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'clear_global_file_save_path'
|
|
}));
|
|
}
|
|
|
|
function MergeLocalImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'merge_local_image',
|
|
'image_path_list':['D:\\1.jpg','D:\\2.jpg'],
|
|
'mode':'horz',
|
|
'align':'center',
|
|
'interval':20
|
|
}));
|
|
}
|
|
|
|
function LocalMakeMultiImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'local_make_multi_image',
|
|
'image_path_list':['D:\\1.jpg','D:\\2.jpg'],
|
|
'format':'tif',
|
|
'tiff_compression':'jpeg',
|
|
'tiff_jpeg_quality':60
|
|
}));
|
|
}
|
|
|
|
function SplitLocalImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'split_local_image',
|
|
'image_path':'D:\\1.jpg',
|
|
'mode':'horz',
|
|
'location':500
|
|
}));
|
|
}
|
|
|
|
function LocalMakeZipFile()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'local_make_zip_file',
|
|
'file_path_list':['D:\\1.jpg','D:\\2.jpg']
|
|
}));
|
|
}
|
|
|
|
function LocalImageDeskew()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'local_image_deskew',
|
|
'image_path':'D:\\1.jpg'
|
|
}));
|
|
}
|
|
|
|
function UploadLocalFile()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'upload_local_file',
|
|
'file_path':'D:\\1.jpg',
|
|
'upload_mode':'ftp',
|
|
'remote_file_path':'/savedir/123.jpg'
|
|
}));
|
|
}
|
|
|
|
function InitDevice()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'init_device'
|
|
}));
|
|
}
|
|
|
|
function DeinitDevice()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'deinit_device'
|
|
}));
|
|
}
|
|
|
|
function GetDevNameList()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_device_name_list'
|
|
}));
|
|
}
|
|
|
|
function OpenDevice()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'open_device'
|
|
}));
|
|
}
|
|
|
|
function CloseDevice()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'close_device'
|
|
}));
|
|
}
|
|
|
|
function SetDeviceParam()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'set_device_param'
|
|
}));
|
|
}
|
|
|
|
function GetDeviceParam()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_device_param'
|
|
}));
|
|
}
|
|
|
|
function GetCurrDevName()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_curr_device_name'
|
|
}));
|
|
}
|
|
|
|
function StartScan()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'start_scan'
|
|
}));
|
|
}
|
|
|
|
function StopScan()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'stop_scan'
|
|
}));
|
|
}
|
|
|
|
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="38999" />
|
|
<input id="btnConnect" type="button" value="连接" onclick="connect()" />
|
|
<input id="btnDisConnect" type="button" value="断开" onclick="disconnect()" />
|
|
<input type="button" value="设置全局参数" onclick="SetGlobalParam()" />
|
|
<input type="button" value="获取全局参数" onclick="GetGlobalParam()" />
|
|
<input type="button" value="清理保存目录" onclick="ClearGlobalSavePath()" />
|
|
<input type="button" value="合成本地图像" onclick="MergeLocalImage()" />
|
|
<input type="button" value="本地合成多张图像" onclick="LocalMakeMultiImage()" />
|
|
<input type="button" value="拆分本地图像" onclick="SplitLocalImage()" />
|
|
<input type="button" value="本地生成压缩文件" onclick="LocalMakeZipFile()" />
|
|
<input type="button" value="本地图像纠偏" onclick="LocalImageDeskew()" />
|
|
<input type="button" value="上传本地文件" onclick="UploadLocalFile()" />
|
|
<input type="button" value="初始化设备" onclick="InitDevice()" />
|
|
<input type="button" value="反初始化设备" onclick="DeinitDevice()" />
|
|
<input type="button" value="获取设备列表" onclick="GetDevNameList()" />
|
|
<input type="button" value="打开设备" onclick="OpenDevice()" />
|
|
<input type="button" value="关闭设备" onclick="CloseDevice()" />
|
|
<input type="button" value="设置设备参数" onclick="SetDeviceParam()" />
|
|
<input type="button" value="获取设备参数" onclick="GetDeviceParam()" />
|
|
<input type="button" value="获取当前摄像头名称" onclick="GetCurrDevName()" />
|
|
<input type="button" value="开始扫描" onclick="StartScan()" />
|
|
<input type="button" value="停止扫描" onclick="StopScan()" />
|
|
<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>
|