<html>
<head><script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
</script>
<script>
var url;
function runOCR(url) {
Tesseract.recognize(url)
.then(function(result) {
document.getElementById("ocr_results")
.innerText = result.text;
}).progress(function(result) {
document.getElementById("ocr_status")
.innerText = result["status"] + " (" +
(result["progress"] * 100) + "%)";
});
}
</script>
</head>
<body>
<input type="text" id="url1" placeholder="Image URL" />
<input type="button" id="go_button" value="Run" />
<script>
var url;
document.getElementById("go_button").addEventListener("click", function(e) {
url = document.getElementById("url1").value;
runOCR(url);
});
</script>
<div id="ocr_results"> </div>
<div id="ocr_status"> </div>
</body>
</html>