0
請通過共享逐步過程來幫助我,使用ASP.Net MVC5中的Twain實現掃描功能。謝謝如何使用ASP.net MVC 5在Twain的幫助下掃描文檔
請通過共享逐步過程來幫助我,使用ASP.Net MVC5中的Twain實現掃描功能。謝謝如何使用ASP.net MVC 5在Twain的幫助下掃描文檔
啓用從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