2016-08-04 47 views

回答

0

啓用從TWAIN掃描儀掃描到ASP.NET頁面:步步高

下面的步驟使用Scanner.js爲例;其他產品可能會有所不同。

1)包含在HTML代碼中的掃描庫:

<script type="text/javascript" src="//asprise.azureedge.net/scannerjs/scanner.js"></script> 

2)添加一個按鈕來觸發掃描過程:

function scanToJpg() { 
    scanner.scan(displayImagesOnPage, 
    { 
    "twain_cap_setting" : { 
    "ICAP_PIXELTYPE" : "TWPT_RGB", // Color 
    "ICAP_XRESOLUTION" : "100", // DPI: 100 
    "ICAP_YRESOLUTION" : "100", 
    "ICAP_SUPPORTEDSIZES" : "TWSS_USLETTER" // Paper size: TWSS_USLETTER, TWSS_A4, ... 
    }, 
     "output_settings" : 
     [ 
     { 
      "type" : "return-base64", 
      "format" : "jpg" 
     } 
     ] 
    } 
    ); 
} 

3)處理的掃描結果 - 顯示,上載等

下面的代碼爲掃描的每個圖像創建一個img元素以顯示在當前網頁上:

/** Processes the scan result */ 
function displayImagesOnPage(successful, mesg, response) { 
    var scannedImages = scanner.getScannedImage(response, true, false); // returns an array of ScannedImage 
    for(var i = 0; (scannedImages instanceof Array) && i < scannedImages.length; i++) { 
     var scannedImage = scannedImages[i]; 
     processScannedImage(scannedImage); 
    } 
} 

/** Images scanned so far. */ 
var imagesScanned = []; 

/** Processes a ScannedImage */ 
function processScannedImage(scannedImage) { 
    imagesScanned.push(scannedImage); 
    var elementImg = createDomElementFromModel({ 
     'name': 'img', 
     'attributes': { 
      'class': 'scanned', 
      'src': scannedImage.src 
     } 
    }); 
    document.getElementById('images').appendChild(elementImg); 
} 

對於成PDF格式,並直接上傳掃描的示例,請訪問的代碼庫:https://github.com/Asprise/scannerjs.javascript-scanner-access-in-browsers-chrome-ie.scanner.js