608 lines
15 KiB
HTML
608 lines
15 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'])
|
|
{
|
|
var myCanvas = document.getElementById("myCanvas");
|
|
myCanvas.src = message['image_base64'];
|
|
}
|
|
else if ("local_make_multi_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("split_local_image" == message['func'])
|
|
{
|
|
var myCanvas = document.getElementById("myCanvas");
|
|
myCanvas.src = message['image_base64_list'][0];
|
|
}
|
|
else if ("local_make_zip_file" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("local_image_deskew" == message['func'])
|
|
{
|
|
var myCanvas = document.getElementById("myCanvas");
|
|
myCanvas.src = message['image_base64'];
|
|
}
|
|
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 myCanvas = document.getElementById("myCanvas");
|
|
myCanvas.src = message['image_base64'];
|
|
|
|
var req1 = {'func':'insert_image', 'image_base64':''};
|
|
req1.image_base64 = message['image_base64'];
|
|
socket.send(JSON.stringify(req1));
|
|
|
|
var req2 = {'func':'delete_local_file', 'file_path':''};
|
|
req2.file_path = message['image_path'];
|
|
socket.send(JSON.stringify(req2));
|
|
}
|
|
else if ("stop_scan" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_batch_id_list" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("open_batch" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("delete_batch" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("new_batch" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_curr_batch_id" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("modify_batch_id" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_image_thumbnail_list" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("get_image_count" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("load_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("save_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("insert_local_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("insert_image" == message['func'])
|
|
{
|
|
//alert(msg.data);
|
|
}
|
|
else if ("modify_image_tag" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("delete_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("clear_image_list" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("modify_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("modify_image_by_local" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("move_image" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
else if ("image_book_sort" == message['func'])
|
|
{
|
|
alert(msg.data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
catch (ex)
|
|
{
|
|
log(ex);
|
|
}
|
|
}
|
|
|
|
function disconnect()
|
|
{
|
|
socket.close();
|
|
socket = null;
|
|
}
|
|
|
|
function SetGlobalParam()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'set_global_config',
|
|
'image_format':'bmp'
|
|
}));
|
|
}
|
|
|
|
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,
|
|
'get_base64':true
|
|
}));
|
|
}
|
|
|
|
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,
|
|
'get_base64':true
|
|
}));
|
|
}
|
|
|
|
function SplitLocalImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'split_local_image',
|
|
'image_path':'D:\\1.jpg',
|
|
'mode':'horz',
|
|
'location':500,
|
|
'get_base64':true
|
|
}));
|
|
}
|
|
|
|
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',
|
|
'get_base64':true
|
|
}));
|
|
}
|
|
|
|
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',
|
|
'color_mode':'256级灰度',
|
|
'gamma':2.000000
|
|
}));
|
|
}
|
|
|
|
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',
|
|
'get_base64':true
|
|
}));
|
|
}
|
|
|
|
function StopScan()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'stop_scan'
|
|
}));
|
|
}
|
|
|
|
function GetBatchIdList()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_batch_id_list'
|
|
}));
|
|
}
|
|
|
|
function OpenBatch()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'open_batch',
|
|
'batch_id':'default'
|
|
}));
|
|
}
|
|
|
|
function DeleteBatch()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'delete_batch',
|
|
'batch_id':'default'
|
|
}));
|
|
}
|
|
|
|
function NewBatch()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'new_batch'
|
|
}));
|
|
}
|
|
|
|
function GetCurrBatchId()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_curr_batch_id'
|
|
}));
|
|
}
|
|
|
|
function ModifyBatchId()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'modify_batch_id',
|
|
'new_batch_id':'新批次名2'
|
|
}));
|
|
}
|
|
|
|
function GetImageThumbnailList()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_image_thumbnail_list'
|
|
}));
|
|
}
|
|
|
|
function GetImageCount()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'get_image_count'
|
|
}));
|
|
}
|
|
|
|
function LoadImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'load_image',
|
|
'image_index':0
|
|
}));
|
|
}
|
|
|
|
function SaveImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'save_image',
|
|
'image_index':0
|
|
}));
|
|
}
|
|
|
|
function InsertLocalImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'insert_local_image',
|
|
'image_path':'D:\\1.jpg'
|
|
}));
|
|
}
|
|
|
|
function ModifyImageTag()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'modify_image_tag',
|
|
'image_index_list':[0],
|
|
'image_tag_list':['测试TAG值'],
|
|
}));
|
|
}
|
|
|
|
function DeleteImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'delete_image',
|
|
'image_index_list':[0]
|
|
}));
|
|
}
|
|
|
|
function ClearImageList()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'clear_image_list'
|
|
}));
|
|
}
|
|
|
|
function ModifyImageByLocal()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'modify_image_by_local',
|
|
'image_index':0,
|
|
'image_path':'D:\\1.jpg'
|
|
}));
|
|
}
|
|
|
|
function MoveImage()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'move_image',
|
|
'image_index_list':[1],
|
|
'target':0
|
|
}));
|
|
}
|
|
|
|
function ImageBookSort()
|
|
{
|
|
socket.send(JSON.stringify({
|
|
'func':'image_book_sort'
|
|
}));
|
|
}
|
|
|
|
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()" />
|
|
<input type="button" value="获取批次名称列表" onclick="GetBatchIdList()" />
|
|
<input type="button" value="打开批次" onclick="OpenBatch()" />
|
|
<input type="button" value="删除批次" onclick="DeleteBatch()" />
|
|
<input type="button" value="新建批次" onclick="NewBatch()" />
|
|
<input type="button" value="获取当前批次名称" onclick="GetCurrBatchId()" />
|
|
<input type="button" value="修改批次名称" onclick="ModifyBatchId()" />
|
|
<input type="button" value="获取图像缩略图列表" onclick="GetImageThumbnailList()" />
|
|
<input type="button" value="获取图像数量" onclick="GetImageCount()" />
|
|
<input type="button" value="加载图像" onclick="LoadImage()" />
|
|
<input type="button" value="保存图像" onclick="SaveImage()" />
|
|
<input type="button" value="插入本地图像" onclick="InsertLocalImage()" />
|
|
<input type="button" value="修改图像标签" onclick="ModifyImageTag()" />
|
|
<input type="button" value="删除图像" onclick="DeleteImage()" />
|
|
<input type="button" value="清理图像列表" onclick="ClearImageList()" />
|
|
<input type="button" value="用本地图像修改图像" onclick="ModifyImageByLocal()" />
|
|
<input type="button" value="移动图像" onclick="MoveImage()" />
|
|
<input type="button" value="图像书籍排序" onclick="ImageBookSort()" />
|
|
<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>
|