在掘金上看到一篇 [在 Java 上实现 OCR](https://juejin.cn/post/7288964017351573545 "Java 也能做 OCR！SpringBoot 整合 Tess4J 实现图片文字识别") 的文章，然后就查了一下这个库，发现它还有对应前端的版本。使用 [tesseract.js](https://github.com/naptha/tesseract.js "GitHub - naptha/tesseract.js: Pure Javascript OCR for more than 100 Languages 📖🎉🖥") 可以在前端实现 OCR 。虽然识别效果相对 Java 版的差了一些，但是好在几乎没有成本 -- 不需要后端服务，也不需要将图片上传到后端。 *[OCR]: 光学字符识别，Optical Character Recognition

图片

识别内容

## 官方示例代码 ```javascript import { createWorker } from 'tesseract.js'; (async () => { const worker = await createWorker('eng'); const ret = await worker.recognize('https://tesseract.projectnaptha.com/img/eng_bw.png'); console.log(ret.data.text); await worker.terminate(); })(); ``` ## 当前页面代码因为国内访问 `cdn.jsdelivr.net` 不太稳定，这里将默认 CDN 的地址从 `https://cdn.jsdelivr.net/npm/tesseract.js@5.0.3/dist/tesseract.min.js` 改成了本地地址。基于同样的原因，还通过 `Tesseract.createWorker` 时的 `option` 参数修改了 `workerPath`、`langPath` 和 `corePath`。如果访问 `cdn.jsdelivr.net` 很稳定，这几个配置都可以不用改。 ```html

图片

识别内容

```

目录