Question

我从google.a tesseract ocr上找到了一些代码。但是问题是当我放网址时，第一时间工作正常，但第二次运行不工作。重新加载页面后工作。我希望不手动重新加载页面即可得到结果。

演示图片：

这里有一些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>

这里的JavaScript：

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);
});

Answer 1

由于textarea是一个表单元素，因此可以使用value而不是innerHTML来分配新值。请找到js小提琴https://jsfiddle.net/h1mrL7ng/

重新执行功能

1 个答案: