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

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

来源: 责编: 时间:2024-04-09 09:06:04 428观看
导读背景是这样的,我们公司有一个平台,这个平台上面有一个页面,是一个我们公司内部存放一些字幕图片的,图片很多,差不多每一页有100张的样子,类似于下面这样的图片图片前几天上面大佬们说想要更加方便快捷地找到某一张图片,怎么

背景

是这样的,我们公司有一个平台,这个平台上面有一个页面,是一个我们公司内部存放一些字幕图片的,图片很多,差不多每一页有100张的样子,类似于下面这样的图片6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

前几天上面大佬们说想要更加方便快捷地找到某一张图片,怎么个快捷法呢?就是通过搜索文字,能搜索到包含这些文字的图片。。。我一想,这需求简直逆天啊!!!!平时只做过搜索文字的,没做过根据文字搜索出图片的。。。。6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

思路

其实思路很清晰,分析出每一张图片上的文字,并存在对象的keyword中,搜搜的时候去过滤出keyword包含搜索文字的图片即可。6Wb28资讯网——每日最新资讯28at.com

但是难就难在,我要怎么分析出图片上的文字并存起来呢?6Wb28资讯网——每日最新资讯28at.com

tesseract.js

于是我就去网上找找有哪些库可以实现这个功能,你还真别说,还真有!!这个库就是tesseract.js6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

tesseract.js 是一个可以分析出图片上文字的一个库,我们通过一个小例子来看看他的使用方式6Wb28资讯网——每日最新资讯28at.com

首先需要安装这个库6Wb28资讯网——每日最新资讯28at.com

npm i tesseract.js

接着引入并使用它解析图片文字,它识别后会返回一个 Promise,成功的话会走 then6Wb28资讯网——每日最新资讯28at.com

图片6Wb28资讯网——每日最新资讯28at.com

可以看出他直接能把图片上的结果解析出来!!!真的牛逼!!!有了这个,那我轻轻松松就可以完成上面交代的任务了!!!6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

实现功能

我们需要解析每一张图片的文字,并存入 keyword属性中,以供过滤筛选6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

可以看到每一张图片都解析得到keyword6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

那么搜索效果自然可以完成6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

搜索中文呢?

上面只能解析英文,可以看到有 eng 这个参数,那怎么才能解析中文呢?只需要改成chi_sim即可6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

图片图片6Wb28资讯网——每日最新资讯28at.com

如果你想要中文和英文一起解析,可以这么写eng+chi_sim6Wb28资讯网——每日最新资讯28at.com

图片 图片 6Wb28资讯网——每日最新资讯28at.com

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

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

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

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

标签:
  • 热门焦点
  • Golang 中的 io 包详解:组合接口

    io.ReadWriter// ReadWriter is the interface that groups the basic Read and Write methods.type ReadWriter interface { Reader Writer}是对Reader和Writer接口的组合,
  • 只需五步,使用start.spring.io快速入门Spring编程

    步骤1打开https://start.spring.io/,按照屏幕截图中的内容创建项目,添加 Spring Web 依赖项,并单击“生成”按钮下载 .zip 文件,为下一步做准备。请在进入步骤2之前进行解压。图
  • 使用LLM插件从命令行访问Llama 2

    最近的一个大新闻是Meta AI推出了新的开源授权的大型语言模型Llama 2。这是一项非常重要的进展:Llama 2可免费用于研究和商业用途。(几小时前,swyy发现它已从LLaMA 2更名为Lla
  • 使用AIGC工具提升安全工作效率

    在日常工作中,安全人员可能会涉及各种各样的安全任务,包括但不限于:开发某些安全工具的插件,满足自己特定的安全需求;自定义github搜索工具,快速查找所需的安全资料、漏洞poc、exp
  • 慕岩炮轰抖音,百合网今何在?

    来源:价值研究所 作者:Hernanderz“难道就因为自己的一个产品牛逼了,从客服到总裁,都不愿意正视自己产品和运营上的问题,选择逃避了吗?”这一番话,出自百合网联合创
  • 得物宠物生意「狂飙」,发力“它经济”

    作者|花花小萌主近日,得物宣布正式上线宠物鉴别,通过得物App内的“在线鉴别”,可找到鉴别宠物的选项。通过上传自家宠物的部位细节,就能收获拥有专业资质认证的得物鉴
  • 认真聊聊东方甄选:如何告别低垂的果实

    来源:山核桃作者:财经无忌爆火一年后,俞敏洪和他的东方甄选依旧是颇受外界关心的“网红”。7月5日至9日,为期5天的东方甄选“甘肃行”首次在自有App内直播,
  • 小米汽车电池信息疑似曝光:容量101kWh,支持800V高压快充

    7月14日消息,今日一名博主在社交媒体发布了一张疑似小米汽车电池信息的照片,显示该电池包正是宁德时代麒麟电池,容量为101kWh,电压为726.7V,可以预测小
  • OPPO K11搭载高性能石墨散热系统:旗舰同款 性能凉爽释放

    日前OPPO官方宣布,将于7月25日14:30举办新品发布会,届时全新的OPPO K11将正式与大家见面,将主打旗舰影像,和同档位竞品相比,其最大的卖点就是将配备索尼
Top