tesseract.js 示例代码无效

Question

我正在努力让 Tesseract.js 正常工作。

我从网络上获取了一个非常简单的代码，据称可以正常工作，但实际上没有。

<html>
    <head>
        <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
        <title>Tesseract Test</title>
    </head>
    <body>
        <label for="fileInput">Choose File to OCR:</label>
        <input type="file" id="fileInput" name="fileInput"/>
        <br />
        <br />
        <div id="document-content">
        </div>
    </body>
    <script>
        document.addEventListener('DOMContentLoaded', function(){
            var fileInput = document.getElementById('fileInput');
            fileInput.addEventListener('change', handleInputChange);
        });

        function handleInputChange(event){
            var input = event.target;
            var file = input.files[0];
            console.log(file);
            Tesseract.recognize(file)
                .progress(function(message){
                    console.log(message);
                })
                .then(function(result){
                    var contentArea = document.getElementById('document-content');
                    console.log(result);
                })
                .catch(function(err){
                    console.error(err);
                });
        }
    </script>
</html>

这是他们的主要网站：http://tesseract.projectnaptha.com/

Answer 1

对我有用，但我必须进行此更改：

.then(function(result) {
  var contentArea = document.getElementById('document-content');
  contentArea.innerHTML = result.text;
})

（您发布的示例仅将日志记录到控制台。）

tesseract.js 示例代码无效

tesseract.js sample code not working

javascript

ocr

tesseract