亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 Javascript 從圖像轉換為文本

如何使用 Javascript 從圖像轉換為文本

慕娘9325324 2022-12-22 12:51:09
我正在嘗試將圖像轉換為文本。當任何人上傳圖片然后按“提交”時,圖片文本應該顯示在文本區域中。我的以下代碼不起作用,請幫助!代碼: <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>


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 209 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號