前端OCR图片文字提取功能 #ocr识别

今天来看看功能，什么功能？大家来看一下，这边有个提取文字的功能，点击的时候会把图片里面的文字识别出来，然后放到这边。这个功能现在我是用的某一个app上面自带的，今天就从前端来实现一下这个功能。

前端要实现这个功能其实很简单，只需要引入一个gs的库就可以了。这个库叫tyserrec的gs，它可以去帮你识别图片里面的一些文字。现在页面上是有个button，有个图片，点击这个按钮的时候调了一下title wreck的方法，把图片的路径传给它，就可以帮我们识别了。它是ego的，所以在entertain里面去打印一下它。

回到页面上看一下，打开控制台，先点击，看到把图片里面的文字识别出来了，打印到这里来了，识别精准程度还是可以的。既然能识别英文的，能不能识别中文的？来搞一个中文的，这边有中文的图片，把地址换一下，cn，这边也换一下。现在是中文的，来试一下。

点击，发现好像识别出来的跟图片上的文字不一样，这是为什么？是因为酷需要传递一个语言进去，怎么传？来看一下，就要传参数了，传参数肯定在这里传，中文就要传c、h、i、杠、s、i、m进去，如果是英文就不用传了，默认就是英文。

接着来看一下，点击，这个时候就可以正确的识别出来了。这个时候就有人问了，如果又有中文又有英文怎么办？全都要。如果又有中文因为又有英文的情况下就需要这样弄了，需要在这里传一个e、m、g，e、m、g就是英文的包，这样拼一下，用一个加号拼一下就可以了。

下面来换一个中英文都有的图片，这边是有的。

看一下图片里中英文都有的，试一下，点击，这样中英文都有的情况下也帮我们识别出来了对不对？这个包不仅可以在浏览器里面用，也可以在note里面用。

看一下在note里面导入了这个包，导入了这个包之后把图片的地址传给他，让他帮我识别出来。发现好像识别出来的文字也是对的，这个酷就可以帮我们很好的做一个图片识别的功能，如果工作当中有需要可以用一下。

今天的视频就到这里了。