zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

Blazor组件自做十 : 光学字符识别 OCR 组件

2023-04-18 15:03:21 时间

光学字符识别 OCR 组件

演示地址 https://blazor.app1.es/ocr

使用方法

  1. 手机或者电脑点击拍照OCR可启动相机拍照,或者点击文件OCR选择文件,稍等片刻即可获得OCR结果.

  2. 直接输入Url可识别在线图片

AI表格识别 AI Form

演示地址 https://blazor.app1.es/aiform

Blazor 光学字符识别 (OCR) 组件

示例

https://www.blazor.zone/ocr

https://blazor.app1.es/ocr

使用方法:

  1. nuget包

    BootstrapBlazor.OCR

  2. _Imports.razor 文件 或者页面添加 添加组件库引用

    @using BootstrapBlazor.Components

  3. Program.cs 文件添加

    builder.Services.AddOcrExtensions("YourAzureCvKey", "YourAzureCvEndpoint");
    
  4. Razor页面

    Razor
    https://github.com/densen2014/Densen.Extensions/blob/master/Demo/DemoShared/Pages/OcrPage.razor

    @using BootstrapBlazor.Components
    
    <OCR ShowUI="true" Debug="true" />
    
    
  5. 更多信息请参考

    Bootstrap 风格的 Blazor UI 组件库
    基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉

    https://www.blazor.zone

    https://www.blazor.zone/ocr