2016-11-17 13 views
0

私はTesseract.jsを動作させようとしています。tesseract.jsサンプルコードが動作しない

私はウェブから非常に簡単なコードを取りましたが、apprarentlyとして働いて宣言しましたが、そうではありません。

<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/

答えて

0

作品が、私はこの変更をしなければならなかった:

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

(の例では、コンソールへのログのみを掲載。)

+0

私はコンソールのログに問題がありますが、contentAreaのコンテンツを表示しています。ありがとう、 –

+0

も、Firefoxのみで動作し、エクスプローラやクロムでは動作しないのですか? –

+0

ここに私の謎があります:https://jsfiddle.net/khrismuc/8aL31upr/ Chrome 54とIE 11でうまく動作しますか?コンソールを確認しましたか? –

関連する問題