Il y a beaucoup de mes amis ont partagé sur RPSC sur la façon d'utiliser Dynamic Web TWAIN appel dans le scanner de documents de page. L' un d'entre eux des amis enthousiastes bactéries Rogan, il a affiché un blog « Comment réaliser l' appel du scanner de documents rapide dans la page » trilogie, concis et facile à comprendre, pour la plupart des développeurs de projets ont des besoins dans cette référence égard. Cet article est basé sur une trilogie bactéries Rogan publié, montrant comment utiliser la touche de raccourci pour appeler le scanner pour numériser des documents dans une page Web.
Apprenez les raccourcis
Les raccourcis ne sont pas ce qu'il devrait faire plus d'introduire, si vous avez des amis qui ont des questions, peuvent le lieu et Baidu Encyclopédie. >> raccourcis _ Baidu Encyclopédie
Alors, comment JS, situé dans une page Web en tant que raccourcis de pages Web à un certain nombre de clics de souris au lieu de?
tout, nous avons d' abord à comprendre chaque code de touche du clavier qui correspond à chaque Keycode clé. référence proposée >> Table Keycode (table de code)
En second lieu, nous pouvons écouter les événements de clavier keyUp, keydown, ou appelez la pression sur une touche fonction pour contrôler l'interface.
Plus précisément comment appliquer à notre projet pour le scanner?
l'étape de définir des raccourcis
Etape 1
Tout d' abord, nous avons passé le blog de Luogen juin « Comment parvenir à l' appel du scanner de documents rapide dans une page Web (3) » Vous pouvez apprendre à utiliser dans les 5 minutes Dynamic Web TWAIN pour construire l' un des plus pages de numérisation simples de base.
Note: La dernière version de la scène pour Dynamic Web TWAIN 14.3.1
Bonjour Code mondial est la suivante:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"></script>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js"></script>
</head>
<body>
<div id="dwtcontrolContainer"></div>
<input type="button" value="Scan" onclick="AcquireImage();" />
<script type="text/javascript">
function AcquireImage() {
var DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
if (DWObject) {
DWObject.SelectSource(function () {
var OnAcquireImageSuccess, OnAcquireImageFailure;
OnAcquireImageSuccess = OnAcquireImageFailure = function () {
DWObject.CloseSource();
};
DWObject.OpenSource();
DWObject.IfDisableSourceAfterAcquire = true;
DWObject.AcquireImage(OnAcquireImageSuccess, OnAcquireImageFailure);
}, function () {
console.log('SelectSource failed!');
});
}
}
</script>
</body>
</html>
Parce que Bonjour tout le monde est le plus facile à obtenir du code de balayage de page, donc afin de provoquer l'empreinte de l'équipement nécessaire et d'autres questions, nous pouvons apporter des modifications complètent le code Bonjour tout le monde, comme suit.
<!DOCTYPE html>
<html>
<head>
<title>Use Dynamic Web TWAIN's built-in Events</title>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"> </script>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js"> </script>
</head>
<body>
<input type="button" value="Scan" onclick="AcquireImage();" />
<br />
<span id='info'></span>
<!-- dwtcontrolContainer is the default div id for Dynamic Web TWAIN control.
If you need to rename the id, you should also change the id in the dynamsoft.webtwain.config.js accordingly. -->
<div id="dwtcontrolContainer"></div>
<script type="text/javascript">
Dynamsoft.WebTwainEnv.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady); // Register OnWebTwainReady event. This event fires as soon as Dynamic Web TWAIN is initialized and ready to be used
var DWObject;
function Dynamsoft_OnReady() {
DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
}
function AcquireImage() {
if (DWObject) {
DWObject.IfDisableSourceAfterAcquire = true; // Scanner source will be disabled/closed automatically after the scan.
DWObject.SelectSource(function () { // Select a Data Source (a device like scanner) from the Data Source Manager.
var OnAcquireImageSuccess, OnAcquireImageFailure;
OnAcquireImageSuccess = OnAcquireImageFailure = function () {
DWObject.CloseSource();
};
DWObject.OpenSource(); // Open the source. You can set resolution, pixel type, etc. after this method. Please refer to the sample 'Scan' -> 'Custom Scan' for more info.
DWObject.AcquireImage(OnAcquireImageSuccess, OnAcquireImageFailure); // Acquire image(s) from the Data Source. Please NOTE this is a asynchronous method. In other words, it doesn't wait for the Data Source to come back.
}, function () {
console.log('SelectSource failed!');
});
}
}
</script>
</body>
</html>
À partir du code ci-dessus n'est pas difficile à trouver, fonction d'appel AcquireImage () peut être appelé scanner pour numériser la page.
Étape 2
Définir des raccourcis clavier pour fonction AcquireImage invoquer (), afin de maintenir la touche Ctrl + Q, par exemple.
le code de touche Ctrl est 17, Q 81 pour le code de la clé.
//Press Ctrl+Q to start the scan, keycode for Ctrl is 17, keycode for Q is 81.
var key_pressed={};
document.addEventListener("keyup",function(e){
if (key_pressed[17] && key_pressed[81]){
AcquireImage(); //scan function
key_pressed[17]=false;
key_pressed[81]=false;
}
//console.log(e.keyCode+" is up");
});
document.addEventListener("keydown",function(e){
key_pressed[e.keyCode]=true;
//console.log(e.keyCode+" is down");
});
KEYDOWN jugé par les auditeurs et keyUp touche Ctrl enfoncée et deux touches si la presse touche Q, lorsque deux touches sont pressées ensemble et libérés, fonction d'appel AcquireImage () pour la numérisation de la page.
résumé
Par appel raccourci la fonction de balayage est fonction de js atteindre, bien sûr, cette section de code peut également utiliser des raccourcis dans une autre scène, dans l'espoir d'aider le lecteur.
