lmh188
/
code_app
mirror of http://192.168.10.5:8099/sane/code_app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
code_app/test/webservice/demo.html

688 lines
16 KiB
HTML
Raw Normal View History

1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +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 ("set_global_config" == message['func'])
{
alert(msg.data);
}
else if ("get_global_config" == message['func'])
{
alert(msg.data);
}
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
else if ("clear_global_file_save_path" == message['func'])
{
alert(msg.data);
}
else if ("merge_local_image" == message['func'])
{
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}
else if ("local_make_multi_image" == message['func'])
{
alert(msg.data);
}
else if ("split_local_image" == message['func'])
{
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64_list'][0];
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}
else if ("local_make_zip_file" == message['func'])
{
alert(msg.data);
}
else if ("local_image_deskew" == message['func'])
{
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}
else if ("upload_local_file" == message['func'])
{
alert(msg.data);
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
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);
}
实现设置和获取设备参数功能
2022-06-06 10:51:34 +00:00
else if ("set_device_param" == message['func'])
{
alert(msg.data);
}
else if ("get_device_param" == message['func'])
{
alert(msg.data);
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
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'])
{
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
实现缩略图管理中的功能
2022-06-09 09:30:04 +00:00
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));
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
}
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-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'])
{
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);
}
websdk: 1）解决在火狐上面连接不成功的问题 2）实现缩略图的图像处理功能
2022-06-10 03:54:00 +00:00
else if ("merge_image" == message['func'])
{
var myCanvas = document.getElementById("myCanvas");
myCanvas.src = message['image_base64'];
}
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];
}
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'];
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
}
}
}
catch (ex)
{
log(ex);
}
}
function disconnect()
{
socket.close();
socket = null;
}
function SetGlobalParam()
{
socket.send(JSON.stringify({
在json中将gamma等浮点数保存为值类型，而不是字符串
2022-06-06 11:34:54 +00:00
'func':'set_global_config',
'image_format':'bmp'
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
}));
}
function GetGlobalParam()
{
socket.send(JSON.stringify({
'func':'get_global_config'
}));
}
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
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',
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
'interval':20,
'get_base64':true
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}));
}
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',
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
'tiff_jpeg_quality':60,
'get_base64':true
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}));
}
function SplitLocalImage()
{
socket.send(JSON.stringify({
'func':'split_local_image',
'image_path':'D:\\1.jpg',
'mode':'horz',
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
'location':500,
'get_base64':true
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
}));
}
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',
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
'image_path':'D:\\1.jpg',
'get_base64':true
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +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'
}));
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
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'
}));
}
实现设置和获取设备参数功能
2022-06-06 10:51:34 +00:00
function SetDeviceParam()
{
socket.send(JSON.stringify({
在json中将gamma等浮点数保存为值类型，而不是字符串
2022-06-06 11:34:54 +00:00
'func':'set_device_param',
'color_mode':'256级灰度',
'gamma':2.000000
实现设置和获取设备参数功能
2022-06-06 10:51:34 +00:00
}));
}
function GetDeviceParam()
{
socket.send(JSON.stringify({
'func':'get_device_param'
}));
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
function GetCurrDevName()
{
socket.send(JSON.stringify({
'func':'get_curr_device_name'
}));
}
function StartScan()
{
socket.send(JSON.stringify({
扫描、图像合成、纠偏等功能，可以设置参数来决定是否返回base64
2022-06-09 03:05:24 +00:00
'func':'start_scan',
'get_base64':true
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
}));
}
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',
websdk：实现缩略图中的图像移动、书籍排序、图像修改、图像加载等功能
2022-06-08 10:54:34 +00:00
'new_batch_id':'新批次名2'
增加批次管理功能
2022-06-07 10:22:27 +00:00
}));
}
实现缩略图管理中的功能
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',
'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',
websdk: 1）解决在火狐上面连接不成功的问题 2）实现缩略图的图像处理功能
2022-06-10 03:54:00 +00:00
'image_index_list':[2],
实现缩略图管理中的功能
2022-06-09 09:30:04 +00:00
'target':0
}));
}
function ImageBookSort()
{
socket.send(JSON.stringify({
'func':'image_book_sort'
}));
}
websdk: 1）解决在火狐上面连接不成功的问题 2）实现缩略图的图像处理功能
2022-06-10 03:54:00 +00:00
function MergeImage()
{
socket.send(JSON.stringify({
'func':'merge_image',
'image_index_list':[0, 1, 2],
'mode':'horz',
'align':'center',
'interval':20,
'get_base64':true
}));
}
function MakeMultiImage()
{
socket.send(JSON.stringify({
'func':'make_multi_image',
'image_index_list':[0, 1, 2],
'format':'tif',
'tiff_compression':'jpeg',
'tiff_jpeg_quality':60,
'get_base64':true
}));
}
function SplitImage()
{
socket.send(JSON.stringify({
'func':'split_image',
'image_index':0,
'mode':'horz',
'location':500,
'get_base64':true
}));
}
function MakeZipFile()
{
socket.send(JSON.stringify({
'func':'make_zip_file',
'image_index_list':[0, 1, 2]
}));
}
function ImageDeskew()
{
socket.send(JSON.stringify({
'func':'image_deskew',
'image_index':0,
'get_base64':true
}));
}
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +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="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()" />
websdk集成本地图像合成，纠偏和上传等功能
2022-06-01 10:36:22 +00:00
<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()" />
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
<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()" />
实现设置和获取设备参数功能
2022-06-06 10:51:34 +00:00
<input type="button" value="设置设备参数" onclick="SetDeviceParam()" />
<input type="button" value="获取设备参数" onclick="GetDeviceParam()" />
websdk: 1）解决在火狐上面连接不成功的问题 2）实现缩略图的图像处理功能
2022-06-10 03:54:00 +00:00
<input type="button" value="获取当前设备名称" onclick="GetCurrDevName()" />
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
<input type="button" value="开始扫描" onclick="StartScan()" />
<input type="button" value="停止扫描" onclick="StopScan()" />
增加批次管理功能
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-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()" />
<input type="button" value="图像书籍排序" onclick="ImageBookSort()" />
websdk: 1）解决在火狐上面连接不成功的问题 2）实现缩略图的图像处理功能
2022-06-10 03:54:00 +00:00
<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()" />
1）websdk实现扫描和信息回调功能 2）实现网页demo测试上述功能
2022-05-31 09:39:54 +00:00
<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>