Javascript 重新执行函数

Javascript 重新执行函数,javascript,jquery,ajax,Javascript,Jquery,Ajax,我从谷歌找到了一些代码。一个tesseractocr工作正常。但问题是当我把url,第一次运行良好,但第二次运行不工作。重新加载页面后,然后工作。我希望结果不需要手动重新加载页面 演示图像: 以下是一些Html: <head> <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script> <script src="h

我从谷歌找到了一些代码。一个
tesseract
ocr工作正常。但问题是当我把url,第一次运行良好,但第二次运行不工作。重新加载页面后,然后工作。我希望结果不需要手动重新加载页面

演示图像:

以下是一些Html:

<head>
    <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>
</head>
<body>
     <input type="text" id="url" placeholder="Image URL" />
     <input type="button" id="go_button" value="Run" />
     <!--<div id="ocr_results"> </div>-->
     <div id="ocr_status"> </div>
     <div>
        <label>Filed1
        <label>
           <textarea id="text"></textarea>
     </div>
</body>

由于
textarea
是表单元素,因此使用
value
来分配新值,而不是
innerHTML

请查找您发布的图片中没有的js fiddle

working@RaulRene它对我来说很好-Url正在工作。通常,你需要自己尝试解决问题,发布你在谷歌上找到的代码并请求修改,而你似乎没有做出任何努力,这并不是这个网站的真正目的。你知道它有什么毛病吗?到目前为止你试过什么了吗?我已经实现了ajax,但没有成功。我已经整理了你发布的代码,但是它被破坏了。有开始标记,但没有相关的结束标记。在考虑修复代码问题之前,需要修复HTML,因为它们可能只不过是破碎的HTML。
function runOCR(url) {
    Tesseract.recognize(url)
        .then(function(result) {
            document.getElementById("text").innerHTML = result.text;
    }).progress(function(result) {
        document.getElementById("ocr_status").innerText = result["status"] + " (" +
            (result["progress"] * 100) + "%)";
    });      
}

document.getElementById("go_button").addEventListener("click", function(e) {
    var url = document.getElementById("url").value;
    runOCR(url);
});