extension ExtPose

Twian Scanner

Description from extension meta

Twain Scanner. Extension for scan paper documents from scanner device and send base64 on page web application. 1) Install…

Image from store Twian Scanner
Description from store Twain Scanner. Extension for scan paper documents from scanner device and send base64 on page web application. 1) Install extension, tap "Install" and complete all steps. 2) Restart browser 3) In the drop-down menu you will see list scanners, if not, sure that you installed device or you can set "Show Twain" as virtual scanner for test. 4) Inside <body> on your web page you will see <div class="twain_container"> where base64 will be inserted and comment how declare listener. Details see "How To".

Latest reviews

  • (2020-01-16) Ahmed Ali: Here is the working code https://gist.github.com/ahmedali5530/584417f6eb4d6acca7ac4ffd1809681f
  • (2019-05-25) Mohamad Yahia: Works really well, thank you very much. The code included in the div tag to detect that an image was scanned wasn't working, took a while to figure it out but I found out how to make it work in the end. Here's the code I used: <img id="currentImage" src="" style="height: 200px" /> <script> $(function() { $('body', $('#popup_iframe').contents()[0]).on('DOMNodeInserted', '#thumbnail_chain', function() { //alert('node was inserted') var imageSrc = $(this).find('img').slice(-1)[0].src; // get last img element (latest) $('#currentImage').attr('src', imageSrc) } ) }) // and to upload use this code: $('#bSave').click(function() { if ($('#currentImage').attr('src') != null && $('#currentImage').attr('src') != '') { var currentImageSrcString = $('#currentImage').attr('src'); var filename = 'Scan.png'; fetch(currentImageSrcString) .then(res => res.blob()) .then(blob => { const file = new File([blob], filename, { type: 'image/png' }); var fd = new FormData(); fd.append("image", file); $.ajax({ type: "POST", //enctype: 'multipart/form-data', url: postFileUrl, data: fd, processData: false, contentType: false, cache: false, success: finishedUploading, error: function (xhr, status, error) { alert(xhr.responseText); } }); }); } }); </script>
  • (2019-01-30) Candace Rogers: Doesn't work.
  • (2018-05-12) Tom Litzinger: was not functional.

Latest issues

  • (2020-02-24, v:1.0.10) sivpl bjp: After scanning image is not getting previewed in <div>
    After scanning image is not getting previewed in <div>
  • (2018-12-30, v:1.0.10) דוקופוינט בעמ: HTML JS
    Hello, can i put the button inside my web application, for the scan function?
  • (2017-12-06, v:1.0.10) Vinícius Pozzebon: Not found
    Hello! I added it to Chrome, but the "install" option is disabled. How should I proceed?
  • (2017-07-31, v:1.0.9) elvis mercury: use in website
    how can i use this tools in my website . how can i get image from scanner to webpage form ? is any document available?

Statistics

Installs
853 history
Category
Rating
3.3333 (6 votes)
Last update / version
2018-03-24 / 1.0.10
Listing languages
en

Links