2016-08-04 4 views

答えて

0

ASP.NETページにTWAINスキャナからスキャンを有効にありがとう:ステップバイステップの手順以下

は、例として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)スキャン結果ハンドル - 表示、アップロード

以下のコードは、現在のWebページに表示するためにスキャンされた各イメージに対して、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

をご覧ください。
関連する問題