如何将LEADTOOLS OCR 集成到 Meteor 或Bootstrap等前端框架:25天25个项目

发布时间:2016/12/26 00:12 发布者:Richard.Ma

返回博客中心

 

 

作为LEAD Technologies 25周年纪念的一部分,我们正在搞一个“25天收集25个项目来展示LEAD功能强度和易用性”的活动。今天要展示的项目来自于内森的分享。

Meteor OCR演示截图

clip_image002

GIF中的Meteor OCR演示截图文本

clip_image004

JPEG中的Meteor OCR演示截图文本

clip_image006

 

它是做什么的

该HTML5/ JavaScript的Web应用程序展示了应该如何使用LEADTOOLS第19版来与其他的网络平台(如Meteor和Bootstrap)相集成。

 

所使用的功能

· OCR

· HTML5 / JavaScript

· Web Services

 

 

开发进程日志

大家好,我是内森。我要写这样一个应用程序,该程序可以演示将我们的工具包与其他网络平台相结合是一件非常容易的事。在这种情况下,我会使用Meteor.js和Twitter Bootstrap来确定其样式。

以前我从来没有使用过Meteor.js,所以我会学习一下他们网页上的教程,然后用LEADTOOLS来对它进行集成。

我花了大约30分钟的时间来学习Meteor的教程,然后,我就可以使用我们的REST服务在我们的查看器和OCR功能上进行添加。 OCR本来是一个非常艰巨的任务,但使用LEADTOOLS之后,它只需要写区区几行代码。

由于Meteor控制着DOM,所以导入外部的JS文件引起了一些问题,因此,我不得不重新命名LEADTOOLS库,以便使Leadtools.js优先被导入。这个问题花了我20分钟的时间就解决了。

我要通过添加图像查看器来启动这个项目,这只需要几行代码就可以实现,并且可以允许我查看那些该浏览器不支持的MIME类型的图像,例如TIFF和JPEG2000。

Documentation: Displaying Images in HTML5 with LEADTOOLS

适用范围似乎是Meteor中一件棘手的事情。我不能只在JS文件的顶部申报图像查看器,却在整个程序中使用它。

我花了4个小时左右的时间来解决这个问题。原来,在我的事件中,我所需要做的是要通过'模板',这样我就可以通过使用模板实例来访问图像查看器。

我让查看器能够运行。现在我需要调用我们的Raster REST服务,以显示所有的MIME类型。我只需要修改一行代码就能实现这一目标。

Documentation: Using LEADTOOLS Raster Services

现在,我要将OCR添加到程序中。要做到这一点,我想我需要创建一些服务器端方法。

该OCR花了我几个小时的时间来摆弄服务器和JSON。 使用LEADTOOLS的话,OCR又是一个很容易完成的任务。

Documentation: Using LEADTOOLS OCR Service

既然现在一切都运行良好,我想我需要再回去添加一些Bootstrap,以使其更加像样。

由于碰到了不得不从头学起的Meteor的范围问题,我在该项目上起码花费了7个小时的时间。但是,如果没有LEADTOOLS的帮助,由我来完成 OCR和查看器可能都是不可行的。

至于今后对该项目的改进,我想给这个结果和查看器添加一个并排侧视功能;也许我会更多地投入到meteor的功能方面,来看看我能否将其与LEADTOOLS更多地结合起来。

 

下载该项目

该示例项目的源代码您可以点击这里进行下载。

10 LEADTOOLS OCR in Meteor and Bootstrap.zip (1.49 mb)

 

支持

关于其他产品的更多信息,请访问我们的官方网站

欢迎下载免费的全功能评估版SDK,全功能试用版中有这个例子的全部源代码。

同时欢迎您使用评估版期间的免费技术支持


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网