basic-efficient.html 874 B

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <script src="/dist/tesseract.min.js"></script>
  5. </head>
  6. <body>
  7. <input type="file" id="uploader" multiple>
  8. <script type="module">
  9. // A worker is created once and used every time a user uploads a new file.
  10. const worker = await Tesseract.createWorker("eng", 1, {
  11. corePath: '../../node_modules/tesseract.js-core',
  12. workerPath: "/dist/worker.min.js",
  13. logger: function(m){console.log(m);}
  14. });
  15. const recognize = async function(evt){
  16. const files = evt.target.files;
  17. for (let i=0; i<files.length; i++) {
  18. const ret = await worker.recognize(files[i]);
  19. console.log(ret.data.text);
  20. }
  21. }
  22. const elm = document.getElementById('uploader');
  23. elm.addEventListener('change', recognize);
  24. </script>
  25. </body>
  26. </html>