当前位置：首页 > 科技 > 软件

超级离谱的前端需求：搜索图片里的文字

来源：责编：时间：2024-04-09 09:06:04 136观看

导读背景是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图片很多，差不多每一页有100张的样子，类似于下面这样的图片图片前几天上面大佬们说想要更加方便快捷地找到某一张图片，怎么

背景

是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图片很多，差不多每一页有100张的样子，类似于下面这样的图片

图片

前几天上面大佬们说想要更加方便快捷地找到某一张图片，怎么个快捷法呢？就是通过搜索文字，能搜索到包含这些文字的图片。。。我一想，这需求简直逆天啊！！！！平时只做过搜索文字的，没做过根据文字搜索出图片的。。。。

图片

思路

其实思路很清晰，分析出每一张图片上的文字，并存在对象的keyword中，搜搜的时候去过滤出keyword包含搜索文字的图片即可。

但是难就难在，我要怎么分析出图片上的文字并存起来呢？

tesseract.js

于是我就去网上找找有哪些库可以实现这个功能，你还真别说，还真有！！这个库就是tesseract.js

图片

tesseract.js 是一个可以分析出图片上文字的一个库，我们通过一个小例子来看看他的使用方式

首先需要安装这个库

npm i tesseract.js

接着引入并使用它解析图片文字，它识别后会返回一个 Promise，成功的话会走 then

可以看出他直接能把图片上的结果解析出来！！！真的牛逼！！！有了这个，那我轻轻松松就可以完成上面交代的任务了！！！

图片

实现功能

我们需要解析每一张图片的文字，并存入 keyword属性中，以供过滤筛选

图片

可以看到每一张图片都解析得到keyword

图片

那么搜索效果自然可以完成

图片

搜索中文呢？

上面只能解析英文，可以看到有 eng 这个参数，那怎么才能解析中文呢？只需要改成chi_sim即可

图片

如果你想要中文和英文一起解析，可以这么写eng+chi_sim

图片

本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-82179-0.html超级离谱的前端需求：搜索图片里的文字

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： Python数据分析必备：Pandas中Rolling方法的完全指南

下一篇： JVM类加载：如何手写自定义类加载器，命名空间详解

标签：

热门焦点

得物效率前端微应用推进过程与思考

一、背景效率工程随着业务的发展，组织规模的扩大，越来越多的企业开始意识到协作效率对于企业团队的重要性，甚至是决定其在某个行业竞争中突围的关键，是企业长久生存的根本。得物
学习JavaScript的10个理由...

作者 | Simplilearn编译 | 王瑞平当你决心学习一门语言的时候，很难选择到底应该学习哪一门，常用的语言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
三言两语说透柯里化和反柯里化

JavaScript中的柯里化(Currying)和反柯里化(Uncurrying)是两种很有用的技术，可以帮助我们写出更加优雅、泛用的函数。本文将首先介绍柯里化和反柯里化的概念、实现原理和应用
只需五步，使用start.spring.io快速入门Spring编程

步骤1打开https://start.spring.io/，按照屏幕截图中的内容创建项目，添加 Spring Web 依赖项，并单击“生成”按钮下载 .zip 文件，为下一步做准备。请在进入步骤2之前进行解压。图
新电商三兄弟，“抖快红”成团！

来源：价值研究所作者：Hernanderz 随着内容电商的概念兴起，抖音、快手、小红书组成的“新电商三兄弟”成为业内一股不可忽视的势力，给阿里、京东、拼多多带去了巨大压
网红炒股不为了赚钱，那就是耍流氓！

来源：首席商业评论6月26日高调宣布入市，网络名嘴大v胡锡进居然进军了股市。在一次财经媒体峰会上，几个财经圈媒体大佬就“胡锡进炒股是否知道认真报道”展开讨论。有
华为Mate60系列模具曝光：采用硕大圆形后置相机模组+拼接配色方案

据此前多方爆料，今年华为将开始恢复一年双旗舰战略，除上半年推出的P60系列外，往年下半年的Mate系列也将迎来更新，有望在9-10月份带来全新的华为Mate60
英特尔Xe-HP项目终止，将专注Xe-HPC/HPG系列显卡

据10 月 31 日消息报道，英特尔高级副总裁兼加速计算系统和图形事业部总经理表示，Xe-HP“ Arctic Sound” 系列服务器 GPU 已经应用于 oneAPI devcloud 云服
华为举行春季智慧办公新品发布会首次推出电子墨水屏平板

北京时间2月27日晚，华为在巴塞罗那举行春季智慧办公新品发布会，在海外市场推出之前已经在中国市场上市的笔记本、平板、激光打印机等办公产品，并首次推出搭载