Pass image to Tesseract.js OCR

Question

You can find the Tesseract JS Wrapper that I am referring to here.

What we want to accomplish:

Upload a photo of a printed document
Turn that photo into text

Things done to setup so far:

npm install tesseract.js

Here is our code:

HTML

<input id="myFileInput" type="file" accept="image/*;" capture="camera">

<img id="pic" src="rec.jpg">

JS

<script src="http://tenso.rs/tesseract.js"></script>

<script type="text/javascript">

var img = document.getElementById("pic");

Tesseract
  .recognize( img, {
    progress: show_progress} )
  .then( display )

</script>

What's happening in the Console:

"Uncaught ReferenceError: show_progress is not defined"

"hallo",

"pre-main prep time: 67 ms",

As you can see, we've abandoned the photo upload feature for the moment, until we can figure out how to get tesseract.js to work for a single, pre-provided jpg. Eventually, we hope to add this functionality.

Any help would be greatly appreciated, we're doing this for fun and are mainly seeking a simple (but effective) means of doing OCR with JavaScript. If you have another suggestion, please let us know!

You may want to compare the results vs. the Google Cloud Vision API. — Dan Dascalescu
– Dan Dascalescu, Commented Jul 27, 2016 at 14:37
Based on the answer given by user993553, you need to call a function for progress: . Or you need to write a function for show_progress. — Rivalus
– Rivalus, Commented Nov 29, 2018 at 10:45

user993553 · Accepted Answer · 2016-04-26 16:39:29Z

1

From https://github.com/naptha/tesseract.js/blob/a6195ef86d9673cab26120613f53c499b8ec0994/example.htm it seems show_progress must be a function.

Tesseract.recognize(canvas,{
        tessedit_char_blacklist:'e',
        progress: function(e){
            console.log(e)
        }

answered Apr 26, 2016 at 16:39

user993553

1,0775 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alexanderarda · Accepted Answer · 2017-01-30 07:11:58Z

0

this is my code :

Tesseract.recognize("https://yoursite/image.jpg", {
    lang: 'ind',
    tessedit_char_blacklist: 'e'
})
.progress(function(message){ console.log(message) })
.then(function(result) { console.log(result) });

put progress(function(message){ console.log(message) }) after the recognize function and it works perfectly for me.

answered Jan 30, 2017 at 7:11

alexanderarda

4008 silver badges13 bronze badges

Collectives™ on Stack Overflow

Pass image to Tesseract.js OCR

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related