问题：

项目中有一个功能，原来是用ckfinder做的，可以选择本地图片上传至服务器，然后将服务器的图片显示在浏览器中，并可以将图片地址保存到数据库；现在客户觉得麻烦，提出连接扫描仪扫描后直接上传至服务器，并在浏览器上显示，如何实现 ，有没有大神做过的？

这是客户给我的扫描仪文档

能用的就是这个html吧

我一开始以为是用jni驱动dll文件，但是我老大说直接可以用文档里的东西，现在老大出差去了，没辙了

这是那个html的源代码

<!DOCTYPEhtml>

<html>

<head>

    <title>FHK Scan Control Test</title>

    <styletype=”text/css”>

        div#parameters {

            width: 450px;

            float: left;

        }

        div#results {width: 450px; }

        h3, h4 {margin-left: 5px}

        h4 {margin-bottom: 3px}

        td {background-color: #CCEEFF;

            padding: 9px;

        }

        textarea {

            background-color: #CCEEFF;

            border-style: groove;

            border-width: 2px;

        }

    </style>

</head>

 

<body>

    <script>

function selectScanner()

{

var rtn = fhkScan.SelectSource(0);

if (rtn == -1)

    {

alert(“Select scanner error, error code = “ + fhkScan.ErrorCode);

    }

}

 

function InitSettings()

{

fhkScan.FileName = document.getElementById(“scanPath”).value;

 

var pixelType = 0;

var rdbPixelType = document.getElementsByName(“PixelType”);

for (var i = 0; i < rdbPixelType.length; i++)

{

if (rdbPixelType[i].checked)

{

pixelType = rdbPixelType[i].value;

break;

}

}

if (pixelType == 0)

{

// Scan to Black & White

fhkScan.PixelType = 0;  // 0 – Black & White, 1 – Grayscale, 2 – RGB Color

fhkScan.FileType = 1;   // 0 – BMP, 1 – TIFF, 2 – Multipage TIFF, 3 – JPEG

fhkScan.CompressionType = 4;    // 0 – No compress, 4 – CCITT G4 (only for B&W), 5 – JPEG

}

else

{

// Scan to Gray or Color

fhkScan.PixelType = pixelType;  // 0 – Black & White, 1 – Grayscale, 2 – RGB Color

fhkScan.FileType = 3;   // 0 – BMP, 1 – TIFF, 2 – Multipage TIFF, 3 – JPEG

fhkScan.JPGQuality = 2;// JPEG data compression level, 0 (small file size) ~ 6 (large file size)

}

 

var resolution = 0;

var rdbResolution = document.getElementsByName(“Resolution”);

for (var i = 0; i < rdbResolution.length; i++)

{

if (rdbResolution[i].checked)

{

resolution = rdbResolution[i].value;

break;

}

}

fhkScan.Resolution = resolution; // 0 – 200 dpi, 1 – 240 dpi, 2 – 300 dpi, 3 – 400 dpi, 4 – 500 dpi, 5 – 600 dpi

 

var paperSupply = 2;

var rdbPaperSupply = document.getElementsByName(“PaperSupply”);

for (var i = 0; i < rdbPaperSupply.length; i++)

{

if (rdbPaperSupply[i].checked)

{

paperSupply = rdbPaperSupply[i].value;

break;

}

}

fhkScan.PaperSupply = paperSupply;  // 1 – ADF front, 2 – ADF double, 3 – ADF back

 

var scanRotate = 0;

var rdbScanRotate = document.getElementsByName(“ScanRotate”);

for (var i = 0; i < rdbScanRotate.length; i++)

{

if (rdbScanRotate[i].checked)

{

scanRotate = rdbScanRotate[i].value;

break;

}

}

fhkScan.ScanRotate = scanRotate; // 0 – None, 1 – 90 degrees, 2 – 180 degrees, 3 – 270 degrees, 4 – Automatic

 

var chkSkipWhitePage = document.getElementById(“SkipWhitePage”);

if (chkSkipWhitePage.checked)

{

fhkScan.SkipWhitePage = 6;  // 0 – Do not skip, 1~15 – the ratio of black dots in the white page

}

else

{

fhkScan.SkipWhitePage = 0;  // 0 – Do not skip, 1~15 – the ratio of black dots in the white page

}

 

var chkShowSourceUI = document.getElementById(“ShowSourceUI”);

if (chkShowSourceUI.checked)

{

fhkScan.ShowSourceUI = true;    // true – Display the scanner source UI, false – Do not display

}

else

{

fhkScan.ShowSourceUI = false;   // true – Display the scanner source UI, false – Do not display

}

 

var chkPromptOverwrite = document.getElementById(“PromptOverwrite”);

if (chkPromptOverwrite.checked)

{

fhkScan.Overwrite = 2;

}

else

{

fhkScan.Overwrite = 1;

}

 

fhkScan.ScanTo = 0;// 0 – to File, 1 – to DIB, 2 – to Memory, Suggest to File

fhkScan.ScanCount = -1;// Number of pages to scan, -1 – all pages on ADF

fhkScan.DetectPageSize = 2;

fhkScan.SourceCurrentScan = 0;

}

 

function startScan()

{

InitSettings();

 

var rtn = fhkScan.OpenScanner(0);

if (rtn == -1)

{

    alert(“Open scanner error, error code = “ + fhkScan.ErrorCode);

return;

}

 

rtn = fhkScan.StartScan(0);

if (rtn == -1)

{

alert(“Start scan error, error code = “ + fhkScan.ErrorCode);

}

 

fhkScan.CloseScanner(0);

}

 

function OnScanToFileEvent(scanFilePath)

{

var txtResults = document.getElementById(“result”);

var str = txtResults.value;

str += scanFilePath;

str += “\r\n”;

txtResults.value = str;

txtResults.scrollTop = txtResults.scrollHeight;

}

 

    </script>

 

    <scriptfor=”fhkScan”event=”ScanToFile(scanFilePath)”>

OnScanToFileEvent(scanFilePath);

    </script>

 

    <h3>Scan Test</h3>

    <p>

        <inputtype=”button”value=”Select Scanner”onclick=”selectScanner()“/>

        <inputtype=”button”value=”Scan”style=”width:100px”onclick=”startScan()“/>

    </p>

 

    <divid=”parameters”>

        <h4>parameters</h4>

        <tableborder=”1″>

            <tr>

                <td>Scan Path:</td>

                <td>

                    <inputtype=”text”id=”scanPath”size=”35″value=”D:\image”/>

                </td>

            </tr>

            <tr>

                <td>Pixel Type:</td>

                <td>

                    <inputtype=”radio”name=”PixelType”value=”0″/>Black & White<br/>

                    <inputtype=”radio”name=”PixelType”value=”1″/>Grayscale<br/>

                    <inputtype=”radio”name=”PixelType”value=”2″checked=”checked”/>RGB Color<br/>

                </td>

            </tr>

            <tr>

                <td>Resolution:</td>

                <td>

                    <inputtype=”radio”name=”Resolution”value=”0″checked=”checked”/>200 dpi<br/>

                    <inputtype=”radio”name=”Resolution”value=”1″/>240 dpi<br/>

                    <inputtype=”radio”name=”Resolution”value=”2″/>300 dpi<br/>

                    <inputtype=”radio”name=”Resolution”value=”3″/>400 dpi<br/>

                    <inputtype=”radio”name=”Resolution”value=”4″/>500 dpi<br/>

                    <inputtype=”radio”name=”Resolution”value=”5″/>600 dpi<br/>

                </td>

            </tr>

            <tr>

                <td>Paper Supply:</td>

                <td>

                    <inputtype=”radio”name=”PaperSupply”value=”1″/>ADF Front<br/>

                    <inputtype=”radio”name=”PaperSupply”value=”2″checked=”checked”/>ADF Double<br/>

                    <inputtype=”radio”name=”PaperSupply”value=”3″/>ADF Back<br/>

                </td>

            </tr>

            <tr>

                <td>Scan Rotate:</td>

                <td>

                    <inputtype=”radio”name=”ScanRotate”value=”0″checked=”checked”/>None<br/>

                    <inputtype=”radio”name=”ScanRotate”value=”1″/>90 degrees<br/>

                    <inputtype=”radio”name=”ScanRotate”value=”2″/>180 degrees<br/>

                    <inputtype=”radio”name=”ScanRotate”value=”3″/>270 degrees<br/>

                    <inputtype=”radio”name=”ScanRotate”value=”4″/>Automatic<br/>

                </td>

            </tr>

            <tr>

                <td>Others:</td>

                <td>

                    <inputtype=”checkbox”id=”SkipWhitePage”checked=”checked”/>Skip White Page<br/>

                    <inputtype=”checkbox”id=”ShowSourceUI”/>Show Source UI<br/>

                    <inputtype=”checkbox”id=”PromptOverwrite”/>Prompt When Overwrite<br/>

                </td>

            </tr>

        </table>

    </div>

    <divid=”results”>

        <h4>results</h4>

<textareaid=”result”cols=”60″rows=”37″readonly=”readonly”></textarea>

    </div>

    <objectid=”fhkScan”width=”0″height=”0″classid=”clsid:07cf3b59-2cf2-4ee2-bcef-1320638005e7″></object>

</body>

</html>

 

解决方法：

采用泽优Web图片上传控件（img2）自动上传本地图片。

 

过程：

在扫描仪扫描后会提供一个事件，在这个事件中可以获取扫描仪扫描的图片路径，将这个路径添加到泽优Web图片上传控件（img2）中，img2就能够自动上传此图片。img2上传成功后会提供一个事件(post_complete)，在此事件中可以得到图片上传后的地址。

 

详细介绍：http://blog.ncmem.com/wordpress/2019/09/05/泽优web图片上传控件img2产品介绍/