142 lines
3.7 KiB
HTML
142 lines
3.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Test！</title>
|
|||
|
|
<meta charset="utf-8"/>
|
|||
|
|
<script src="sane.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<p>
|
|||
|
|
<h1>Test！</h1>
|
|||
|
|
<select id="devicenames" style="width:200px; height:25px;">
|
|||
|
|
</select>
|
|||
|
|
<input id="getdevices" type="button" value="获取设备列表" onclick="getdevices()" /><br>
|
|||
|
|
<label for="showbase64">转换成Base64：</label>
|
|||
|
|
<input type="checkbox" id="showbase64"><br>
|
|||
|
|
<label for="source">单/双面：</label>
|
|||
|
|
<select id="source">
|
|||
|
|
<option value="Adf-front">Adf-front</option>
|
|||
|
|
<option value="Adf-duplex" selected>Adf-duplex</option>
|
|||
|
|
</select><br>
|
|||
|
|
<label for="mode">颜色模式：</label>
|
|||
|
|
<select id="mode">
|
|||
|
|
<option value="Lineart">Lineart</option>
|
|||
|
|
<option value="Gray">Gray</option>
|
|||
|
|
<option value="Color" selected>Color</option>
|
|||
|
|
</select><br>
|
|||
|
|
<label for="resolution">分辨率：</label>
|
|||
|
|
<input type="number" id="resolution" min="1" max="600" value="200" step="1"><br>
|
|||
|
|
<input id="scan" type="button" value="扫描" onclick="scan()" /><br>
|
|||
|
|
<input id="cleardata" type="button" value="清理" onclick="cleardata()" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<img id="myCanvas" width='640' height='480' style="background-color: black;"/>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<input type="text" id="pathinfo" style="width:640px; height:40px;" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<input type="text" id="errinfo" style="width:640px; height:40px;" />
|
|||
|
|
</p>
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
function onInitFunc()
|
|||
|
|
{
|
|||
|
|
getdevices();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onGetDevicesFunc(devs)
|
|||
|
|
{
|
|||
|
|
//alert(JSON.stringify(devs));
|
|||
|
|
|
|||
|
|
var select = document.getElementById('devicenames');
|
|||
|
|
select.innerHTML = "";
|
|||
|
|
for (var i = 0; i < devs.length; ++i)
|
|||
|
|
{
|
|||
|
|
var option = document.createElement('option');
|
|||
|
|
option.value = devs[i];
|
|||
|
|
option.textContent = devs[i];
|
|||
|
|
select.appendChild(option);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onScanOneFileDoneFunc(datatype, imgtype, imgpath, imgbase64data)
|
|||
|
|
{
|
|||
|
|
if (imgpath)
|
|||
|
|
{
|
|||
|
|
var pathinfo = document.getElementById('pathinfo');
|
|||
|
|
pathinfo.value = imgpath;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (imgbase64data)
|
|||
|
|
{
|
|||
|
|
var myCanvas = document.getElementById("myCanvas");
|
|||
|
|
myCanvas.src = imgbase64data;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onErrorMessageFunc(errormsg)
|
|||
|
|
{
|
|||
|
|
var errinfo = document.getElementById('errinfo');
|
|||
|
|
errinfo.value = errormsg;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getdevices()
|
|||
|
|
{
|
|||
|
|
var errinfo = document.getElementById('errinfo');
|
|||
|
|
errinfo.value = "";
|
|||
|
|
|
|||
|
|
sane.getdevices();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function scan()
|
|||
|
|
{
|
|||
|
|
var pathinfo = document.getElementById('pathinfo');
|
|||
|
|
pathinfo.value = "";
|
|||
|
|
var errinfo = document.getElementById('errinfo');
|
|||
|
|
errinfo.value = "";
|
|||
|
|
var myCanvas = document.getElementById("myCanvas");
|
|||
|
|
myCanvas.src = 'placeholder.png';
|
|||
|
|
|
|||
|
|
sane.showbase64 = document.getElementById('showbase64').checked;
|
|||
|
|
sane.source = document.getElementById('source').value;
|
|||
|
|
sane.mode = document.getElementById('mode').value;
|
|||
|
|
sane.resolution = parseInt(document.getElementById('resolution').value, 10);
|
|||
|
|
|
|||
|
|
sane.scan(document.getElementById('devicenames').value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function cleardata()
|
|||
|
|
{
|
|||
|
|
var errinfo = document.getElementById('errinfo');
|
|||
|
|
errinfo.value = "";
|
|||
|
|
|
|||
|
|
sane.clear();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
window.onload = function()
|
|||
|
|
{
|
|||
|
|
var pathinfo = document.getElementById('pathinfo');
|
|||
|
|
pathinfo.value = "";
|
|||
|
|
var errinfo = document.getElementById('errinfo');
|
|||
|
|
errinfo.value = "";
|
|||
|
|
var myCanvas = document.getElementById("myCanvas");
|
|||
|
|
myCanvas.src = 'placeholder.png';
|
|||
|
|
|
|||
|
|
sane.registerevent("OnInit", onInitFunc);
|
|||
|
|
sane.registerevent("OnGetDevices", onGetDevicesFunc);
|
|||
|
|
sane.registerevent("OnScanOneFileDone", onScanOneFileDoneFunc);
|
|||
|
|
sane.registerevent("OnErrorMessage", onErrorMessageFunc);
|
|||
|
|
|
|||
|
|
sane.init(38999, true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
window.onbeforeunload = function()
|
|||
|
|
{
|
|||
|
|
sane.deinit();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|