code_app/test/webservice/demo.html

997 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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 ("upload_local_file" == message['func'])
{
if (message['iden'] != "111")
alert(msg.data);
}
else if ("merge_local_image" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
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];
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'];
alert(msg.data);
}
else if ("local_image_add_watermark" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("local_image_decontamination" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("local_image_direction_correct" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("local_image_clip" == message['func'])
{
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 ("is_device_init" == 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 ("get_device_sn" == 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'])
{
var info = document.getElementById('info');
info.value = message['image_path'];
//var myCanvas = document.getElementById("myCanvas");
//myCanvas.src = message['image_base64'];
//var req1 = {'func':'insert_local_image', 'iden':'111', 'image_path':''};
//req1.image_path = message['image_path'];
//socket.send(JSON.stringify(req1));
//var req2 = {'func':'upload_local_file', 'iden':'111', 'file_path':'', 'upload_mode':'http', 'http_host':'192.168.100.70', 'http_port':8001, 'http_path':'/upload.php'};
//req2.file_path = message['image_path'];
//socket.send(JSON.stringify(req2));
//var req3 = {'func':'delete_local_file', 'file_path':''};
//req3.file_path = message['image_path'];
//socket.send(JSON.stringify(req3));
}
else if ("stop_scan" == message['func'])
{
alert(msg.data);
}
else if ("is_device_scanning" == 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 ("bind_folder" == message['func'])
{
alert(msg.data);
}
else if ("stop_bind_folder" == 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'])
{
if (message['iden'] != "111")
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 ("exchange_image" == message['func'])
{
alert(msg.data);
}
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'];
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];
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'];
alert(msg.data);
}
else if ("image_add_watermark" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("image_decontamination" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("image_direction_correct" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
alert(msg.data);
}
else if ("image_clip" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
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':'jpg'
}));
}
function GetGlobalParam()
{
socket.send(JSON.stringify({
'func':'get_global_config'
}));
}
function ClearGlobalSavePath()
{
socket.send(JSON.stringify({
'func':'clear_global_file_save_path'
}));
}
function FtpUpload()
{
socket.send(JSON.stringify({
'func':'upload_local_file',
'file_path':'D:\\1.jpg',
'remote_file_path':'/savedir/123.jpg',
'upload_mode':'ftp',
'ftp_host':'192.168.100.148',
'ftp_port':21
}));
}
function HttpUpload()
{
socket.send(JSON.stringify({
'func':'upload_local_file',
'file_path':'D:\\5.jpg',
'remote_file_path':'/savedir/123.jpg',
'upload_mode':'http',
'http_host':'192.168.1.70',
'http_port':8080,
'http_path':'/upload.php'
}));
}
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,
'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,
'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,
'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'],
'local_save':true,
'zip_path':'D:\\1.zip',
'get_base64':true
}));
}
function LocalImageDeskew()
{
socket.send(JSON.stringify({
'func':'local_image_deskew',
'image_path':'D:\\1.jpg',
'local_save':false,
'get_base64':true
}));
}
function LocalImageAddWatermark()
{
socket.send(JSON.stringify({
'func':'local_image_add_watermark',
'image_path':'D:\\1.jpg',
'text':'扫描仪1234qwer',
'text_color':'#FF0000',
'text_pos':'location',
'location_x':50,
'location_y':200,
'font_size':60,
'margin_right':20,
'margin_top':50,
'font_bold':true,
'font_underline':true,
'font_italic':true,
'font_strikeout':true,
'local_save':false,
'get_base64':true
}));
}
function LocalImageDecontamination()
{
socket.send(JSON.stringify({
'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 LocalImageDirectCorrect()
{
socket.send(JSON.stringify({
'func':'local_image_direction_correct',
'image_path':'D:\\1.jpg',
'local_save':false,
'get_base64':true
}));
}
function LocalImageClip()
{
socket.send(JSON.stringify({
'func':'local_image_clip',
'image_path':'D:\\1.jpg',
'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 IsDeviceInit()
{
socket.send(JSON.stringify({
'func':'is_device_init'
}));
}
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 GetDeviceSN()
{
socket.send(JSON.stringify({
'func':'get_device_sn'
}));
}
function SetDeviceParam()
{
socket.send(JSON.stringify({
'func':'set_device_param',
'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',
'get_base64':false
}));
}
function StopScan()
{
socket.send(JSON.stringify({
'func':'stop_scan'
}));
}
function IsDeviceScanning()
{
socket.send(JSON.stringify({
'func':'is_device_scanning'
}));
}
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 BindFolder()
{
socket.send(JSON.stringify({
'func':'bind_folder',
'folder':'D:\\111',
'name_width':1,
'name_base':20
}));
}
function StopBindFolder()
{
socket.send(JSON.stringify({
'func':'stop_bind_folder'
}));
}
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',
'insert_pos':0
}));
}
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],
'target':0
}));
}
function ExchangeImage()
{
socket.send(JSON.stringify({
'func':'exchange_image',
'image_index_1':0,
'image_index_2':1
}));
}
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,
'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,
'local_save':false,
'get_base64':true
}));
}
function SplitImage()
{
socket.send(JSON.stringify({
'func':'split_image',
'image_index':0,
'mode':'horz',
'location':500,
'local_save':false,
'get_base64':true
}));
}
function MakeZipFile()
{
socket.send(JSON.stringify({
'func':'make_zip_file',
'image_index_list':[0, 1],
'local_save':false,
'get_base64':true
}));
}
function ImageDeskew()
{
socket.send(JSON.stringify({
'func':'image_deskew',
'image_index':0,
'local_save':false,
'get_base64':true
}));
}
function ImageAddWatermark()
{
socket.send(JSON.stringify({
'func':'image_add_watermark',
'image_index':0,
'text':'1234567890',
'text_color':'#FF0000',
'font_size':60,
'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,
'get_base64':true
}));
}
function ImageDirectCorrect()
{
socket.send(JSON.stringify({
'func':'image_direction_correct',
'image_index':0,
'local_save':false,
'get_base64':true
}));
}
function ImageClip()
{
socket.send(JSON.stringify({
'func':'image_clip',
'image_index':0,
'x':100,
'y':50,
'width':200,
'height':600,
'local_save':false,
'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()" />
<input type="button" value="FTP上传" onclick="FtpUpload()" />
<input type="button" value="HTTP上传" onclick="HttpUpload()" />
<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="LocalImageAddWatermark()" />
<input type="button" value="本地图像去污" onclick="LocalImageDecontamination()" />
<input type="button" value="本地图像方向校正" onclick="LocalImageDirectCorrect()" />
<input type="button" value="本地图像裁剪" onclick="LocalImageClip()" />
<input type="button" value="初始化设备" onclick="InitDevice()" />
<input type="button" value="反初始化设备" onclick="DeinitDevice()" />
<input type="button" value="获取设备是否已初始化" onclick="IsDeviceInit()" />
<input type="button" value="获取设备列表" onclick="GetDevNameList()" />
<input type="button" value="打开设备" onclick="OpenDevice()" />
<input type="button" value="关闭设备" onclick="CloseDevice()" />
<input type="button" value="获取序列号" onclick="GetDeviceSN()" />
<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()" />
<input type="button" value="获取设备是否在扫描中" onclick="IsDeviceScanning()" />
<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="BindFolder()" />
<input type="button" value="取消绑定文件夹" onclick="StopBindFolder()" />
<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="ExchangeImage()" />
<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()" />
<input type="button" value="图像添加水印" onclick="ImageAddWatermark()" />
<input type="button" value="图像去污" onclick="ImageDecontamination()" />
<input type="button" value="图像方向校正" onclick="ImageDirectCorrect()" />
<input type="button" value="图像裁剪" onclick="ImageClip()" />
<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>