Javascript 使用Tesseract OCR将url添加为查询参数_Javascript_Php_Jquery_Ajax

Javascript 使用Tesseract OCR将url添加为查询参数

javascript php jquery ajax

Javascript 使用Tesseract OCR将url添加为查询参数,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我正在使用tesseractocr，它工作得非常好。但我的问题是，我可以使用url作为参数运行tesseract吗我期待着做以下事情 localhost/test.html/?othersite.com/image/image2.jpg 演示的一些图像url： 1. https://i.imgur.com/leBXjxq.png 2. https://i.imgur.com/7u9LyF6.png 当处理结果时，它将进入文本区域框这里有一个代码： <html> &l

我正在使用

tesseract

ocr，它工作得非常好。但我的问题是，我可以使用url作为参数运行tesseract吗

我期待着做以下事情

localhost/test.html/?othersite.com/image/image2.jpg

演示的一些图像url：

 1. https://i.imgur.com/leBXjxq.png
 2. https://i.imgur.com/7u9LyF6.png

当处理结果时，它将进入

文本区域

框

这里有一个代码：

<html>
  <head>
     <title>Tesseract-JS Demo</title>
  </head>
  <body>
     <input type="text" id="url" placeholder="Image URL" />

     <!--<div id="ocr_results"> </div>-->
     <div id="ocr_status"> </div>
     <div>
        <label>Filed1
        <label>
           <textarea id="txt" ></textarea>
     </div>


  </body>

 <script src='https://cdn.rawgit.com/naptha/tesseract.js
 /1.0.10/dist/tesseract.js'></script>
  <script 

  src="https://cdnjs.cloudflare.com/ajax/
  libs/jquery/3.3.1/jquery.min.js"></script>
  <script>
  function runOCR(url) {
  Tesseract.recognize(url)
  .then(function(result) {
  document.getElementById("txt")
  .innerHTML = result.text;
  document.getElementById('txt').focus();

  }).progress(function(result) {
  document.getElementById("ocr_status")
  .innerText = result["status"] + " (" +
  (result["progress"] * 100) + "%)";
  });
  }
  document.getElementById("url")
  .addEventListener("change", function(e) {
  var url = document.getElementById("url").value;
  runOCR(url);

  });


 </script>


Tesseract JS演示
文件1
函数runOCR（url）{
Tesseract.recognize（url）
.然后（函数（结果）{
document.getElementById（“txt”）
.innerHTML=result.text；
document.getElementById（'txt'）.focus（）；
}).进展（功能（结果）{
document.getElementById（“ocr_状态”）
.innerText=结果[“状态”]+”（“+
（结果[“进度”]*100）+“%”；
});
}
document.getElementById（“url”）
.addEventListener（“更改”，功能（e）{
var url=document.getElementById（“url”）.value；
runOCR（url）；
});

您可以执行

localhost/test.html？图像=https://i.imgur.com/leBXjxq.png

您可以从JavaScript中的URL获取图像，如下所示：

const urlParams = new URLSearchParams(window.location.search);
const myImage = urlParams.get('image');

myImage变量将为：“”，然后您可以将其传递给OCR方法

示例代码为：

const urlParams = new URLSearchParams(window.location.search);
const myImage = urlParams.get('image');
if (myImage) {
    runOCR(myImage);
}

这里有一个更新代码的链接：

hi@nur-islam您能否分享有关您尝试运行的代码的更多详细信息。它将帮助其他用户为您提供答案。顺便提一下，这个问题很有趣。我只在C#中使用了tesseract。你实际上是如何执行tesseract的？也不要在链接中共享代码，请在帖子中共享。我只是更新了代码链接，现在运行得很好，我放了一些图片，但它不起作用。你能详细说明我的代码吗？我已经更新了示例代码。但请记住，这在js.do在线编辑器中不起作用，因为它不支持此类查询参数。它不会将它们传递给JS代码。您需要独立运行它。如果！当我打开其他站点时，会自动复制映像id的src（使用getElementById），然后将src传递到我的服务器，并返回结果并将结果保存到服务器。base64映像未运行