code_app/test/webservice/demo.html

857 lines
21 KiB
HTML
Raw Normal View History

<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);
}
2022-06-21 10:37:41 +00:00
else if ("upload_local_file" == message['func'])
{
alert(msg.data);
}
else if ("merge_local_image" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
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];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
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'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
2022-06-14 10:22:23 +00:00
else if ("local_image_add_watermark" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
2022-06-14 10:22:23 +00:00
}
2022-06-21 10:37:41 +00:00
else if ("local_image_decontamination" == message['func'])
{
2022-06-21 10:37:41 +00:00
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
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 ("reset_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'])
{
2022-06-22 07:41:59 +00:00
//var myCanvas = document.getElementById("myCanvas");
//myCanvas.src = message['image_base64'];
2022-06-09 09:30:04 +00:00
2022-06-22 07:41:59 +00:00
var req1 = {'func':'insert_local_image', 'iden':'111', 'image_path':''};
req1.image_path = message['image_path'];
2022-06-09 09:30:04 +00:00
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);
}
2022-06-07 10:22:27 +00:00
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);
}
2022-06-11 06:18:33 +00:00
else if ("bind_folder" == message['func'])
{
alert(msg.data);
}
else if ("stop_bind_folder" == message['func'])
{
alert(msg.data);
}
2022-06-09 09:30:04 +00:00
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'])
{
2022-06-22 07:41:59 +00:00
if (message['iden'] != "111")
alert(msg.data);
2022-06-09 09:30:04 +00:00
}
else if ("insert_image" == message['func'])
{
2022-06-22 07:41:59 +00:00
alert(msg.data);
2022-06-09 09:30:04 +00:00
}
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);
}
2022-06-11 06:18:33 +00:00
else if ("exchange_image" == message['func'])
{
alert(msg.data);
}
2022-06-09 09:30:04 +00:00
else if ("image_book_sort" == message['func'])
{
alert(msg.data);
}
else if ("merge_image" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
else if ("make_multi_image" == message['func'])
{
alert(msg.data);
}
else if ("split_image" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64_list'][0];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
else if ("make_zip_file" == message['func'])
{
alert(msg.data);
}
else if ("image_deskew" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
2022-06-14 10:22:23 +00:00
else if ("image_add_watermark" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
2022-06-21 10:37:41 +00:00
alert(msg.data);
}
else if ("image_decontamination" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
2022-06-14 10:22:23 +00:00
}
}
}
}
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'
}));
}
2022-06-21 10:37:41 +00:00
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 MergeLocalImage()
{
socket.send(JSON.stringify({
'func':'merge_local_image',
'image_path_list':['D:\\1.jpg','D:\\2.jpg'],
'mode':'horz',
'align':'center',
'interval':20,
2022-06-21 10:37:41 +00:00
'local_save':false,
'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,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function SplitLocalImage()
{
socket.send(JSON.stringify({
'func':'split_local_image',
'image_path':'D:\\1.jpg',
'mode':'horz',
'location':500,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function LocalMakeZipFile()
{
socket.send(JSON.stringify({
'func':'local_make_zip_file',
'file_path_list':['D:\\1.jpg','D:\\2.jpg'],
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function LocalImageDeskew()
{
socket.send(JSON.stringify({
'func':'local_image_deskew',
'image_path':'D:\\1.jpg',
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
2022-06-14 10:22:23 +00:00
function LocalImageAddWatermark()
{
socket.send(JSON.stringify({
'func':'local_image_add_watermark',
'image_path':'D:\\1.jpg',
2022-06-15 01:50:21 +00:00
'text':'扫描仪1234qwer',
2022-06-14 10:22:23 +00:00
'text_color':'#FF0000',
2022-06-15 11:07:55 +00:00
'text_pos':'location',
'location_x':50,
'location_y':200,
2022-06-14 10:22:23 +00:00
'font_size':60,
'margin_right':20,
'margin_top':50,
'font_bold':true,
'font_underline':true,
'font_italic':true,
'font_strikeout':true,
2022-06-21 10:37:41 +00:00
'local_save':false,
2022-06-14 10:22:23 +00:00
'get_base64':true
}));
}
2022-06-21 10:37:41 +00:00
function LocalImageDecontamination()
{
socket.send(JSON.stringify({
2022-06-21 10:37:41 +00:00
'func':'local_image_decontamination',
'image_path':'D:\\1.jpg',
'mode':'outside',
'color':'#FF0000',
'x':100,
'y':50,
'width':200,
'height':600,
'local_save':false,
'get_base64':true
}));
}
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',
2022-06-15 11:07:55 +00:00
'device_param':[{'name':'颜色模式', 'value':'黑白'}, {'name':'伽马值', 'value':2.123000}]
}));
}
function GetDeviceParam()
{
socket.send(JSON.stringify({
'func':'get_device_param'
}));
}
function ResetDeviceParam()
{
socket.send(JSON.stringify({
'func':'reset_device_param'
}));
}
function GetCurrDevName()
{
socket.send(JSON.stringify({
'func':'get_curr_device_name'
}));
}
function StartScan()
{
socket.send(JSON.stringify({
'func':'start_scan',
2022-06-22 07:41:59 +00:00
'get_base64':false
}));
}
function StopScan()
{
socket.send(JSON.stringify({
'func':'stop_scan'
}));
}
2022-06-07 10:22:27 +00:00
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'
2022-06-07 10:22:27 +00:00
}));
}
2022-06-11 06:18:33 +00:00
function BindFolder()
{
socket.send(JSON.stringify({
'func':'bind_folder',
'folder':'D:\\111',
'name_width':1,
'name_base':20
2022-06-11 06:18:33 +00:00
}));
}
function StopBindFolder()
{
socket.send(JSON.stringify({
'func':'stop_bind_folder'
}));
}
2022-06-09 09:30:04 +00:00
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',
2022-06-22 07:41:59 +00:00
'image_path':'D:\\1.jpg',
'insert_pos':0
2022-06-09 09:30:04 +00:00
}));
}
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':[2],
2022-06-09 09:30:04 +00:00
'target':0
}));
}
2022-06-11 06:18:33 +00:00
function ExchangeImage()
{
socket.send(JSON.stringify({
'func':'exchange_image',
'image_index_1':0,
'image_index_2':1
}));
}
2022-06-09 09:30:04 +00:00
function ImageBookSort()
{
socket.send(JSON.stringify({
'func':'image_book_sort'
}));
}
function MergeImage()
{
socket.send(JSON.stringify({
'func':'merge_image',
'image_index_list':[0, 1],
'mode':'horz',
'align':'center',
'interval':20,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function MakeMultiImage()
{
socket.send(JSON.stringify({
'func':'make_multi_image',
'image_index_list':[0, 1],
'format':'tif',
'tiff_compression':'jpeg',
'tiff_jpeg_quality':60,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function SplitImage()
{
socket.send(JSON.stringify({
'func':'split_image',
'image_index':0,
'mode':'horz',
'location':500,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function MakeZipFile()
{
socket.send(JSON.stringify({
'func':'make_zip_file',
'image_index_list':[0, 1],
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function ImageDeskew()
{
socket.send(JSON.stringify({
'func':'image_deskew',
'image_index':0,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
2022-06-14 10:22:23 +00:00
function ImageAddWatermark()
{
socket.send(JSON.stringify({
'func':'image_add_watermark',
'image_index':0,
'text':'1234567890',
'text_color':'#FF0000',
'font_size':60,
2022-06-21 10:37:41 +00:00
'local_save':false,
'get_base64':true
}));
}
function ImageDecontamination()
{
socket.send(JSON.stringify({
'func':'image_decontamination',
'image_index':0,
'mode':'inside',
'color':'#FF0000',
'x':100,
'y':50,
'width':200,
'height':600,
'local_save':false,
2022-06-14 10:22:23 +00:00
'get_base64':true
}));
}
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()" />
2022-06-21 10:37:41 +00:00
<input type="button" value="上传本地文件" onclick="UploadLocalFile()" />
<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()" />
2022-06-14 10:22:23 +00:00
<input type="button" value="本地图像添加水印" onclick="LocalImageAddWatermark()" />
2022-06-21 10:37:41 +00:00
<input type="button" value="本地图像去污" onclick="LocalImageDecontamination()" />
<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="ResetDeviceParam()" />
<input type="button" value="获取当前设备名称" onclick="GetCurrDevName()" />
<input type="button" value="开始扫描" onclick="StartScan()" />
<input type="button" value="停止扫描" onclick="StopScan()" />
2022-06-21 10:37:41 +00:00
2022-06-07 10:22:27 +00:00
<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()" />
2022-06-11 06:18:33 +00:00
<input type="button" value="绑定文件夹" onclick="BindFolder()" />
<input type="button" value="取消绑定文件夹" onclick="StopBindFolder()" />
2022-06-09 09:30:04 +00:00
<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()" />
2022-06-11 06:18:33 +00:00
<input type="button" value="交换图像" onclick="ExchangeImage()" />
2022-06-09 09:30:04 +00:00
<input type="button" value="图像书籍排序" onclick="ImageBookSort()" />
<input type="button" value="合成图像" onclick="MergeImage()" />
<input type="button" value="合成多张图像" onclick="MakeMultiImage()" />
<input type="button" value="拆分图像" onclick="SplitImage()" />
<input type="button" value="生成压缩文件" onclick="MakeZipFile()" />
<input type="button" value="图像纠偏" onclick="ImageDeskew()" />
2022-06-14 10:22:23 +00:00
<input type="button" value="图像添加水印" onclick="ImageAddWatermark()" />
2022-06-21 10:37:41 +00:00
<input type="button" value="图像去污" onclick="ImageDecontamination()" />
<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>