在vue3中使用tesseract.js实现OCR实现文字识别(识别图片中的文字)
tesseract官网地址:https://tesseract.projectnaptha.com/
github:https://github.com/naptha/tesseract.js#tesseractjs
npm安装依赖:
npm install tesseract.js
页面引入:
import Tesseract from 'tesseract.js'
核心代码:
// recognize 第一个参数:图像,第二个:语种 Tesseract.recognize( url, 'eng', // { logger: m => console.log(m) } ).then((d) => { console.log(d.data.text); ocrStr.value = d.data.text })
在实际运用中使用改用中文,改成自己上传图片识别,可选择语言,效果如下:
代码地址:https://gitee.com/yuexiayunsheng/vue3learn/blob/master/src/views/Tesseract.vue
学习参考地址:https://blog.csdn.net/weixin_41734373/article/details/128827405
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)