Basic Optical Character Recognition with Tesseract

by Génesis García Morilla

HTML

<script src="https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js"></script>
<input type="file">
<div></div>

JavaScript

const $div = document.querySelector('div')

document.querySelector('input[type="file"]').onchange = function() {
  const img = this.files[0]

  Tesseract.recognize(img)
    .progress(p => $div.textContent = p.progress)
    .then(r => $div.textContent = r.text)
}