我正在尝试将图像转换为文本。当任何人上传图片然后按“提交”时，图片文本应该显示在文本区域中。我的以下代码不起作用，请帮助！代码： <html> <body> <input type="file" id="myFile" name="filename"> <br><br><button onclick="myFunction()">Submit</button><br><br> <label><b>Your Converted Text:</b></label><br><br> <textarea cols="30" name="original" rows="10" style="width: 100%;" id="convertedText"> </textarea> <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script> <script> function myFunction() { var myImage= document.getElementById('myFile'); Tesseract.recognize(myImage).then(function(result){ console.log(result.text); document.getElementById("convertedText").value = result.text; }); } </script> </body> </html>
1 回答
慕森卡
TA贡献1806条经验 获得超8个赞
如果将事件侦听器附加到文件输入，则可以在文件成功加载后识别文本，如下所示：
<html>
<body>
<input type="file" id="myFile" name="filename">
<br><br>
<label><b>Your Converted Text:</b></label><br><br>
<textarea cols="30" name="original" rows="10" style="width: 100%;" id="convertedText">
</textarea>
<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
<script>
var myFile = document.getElementById('myFile');
myFile.addEventListener('change', recognizeText);
async function recognizeText({ target: { files } }) {
Tesseract.recognize(files[0]).then(function(result) {
console.log("recognizeText: result.text:", result.text);
document.getElementById("convertedText").value = result.text;
});
}
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消