已授权ModelArts服务和 对象存储服务 （OBS）。 已在 文字识别 套件控制台选择“通用单模板工作流”新建应用，详情请见新建应用。 提前准备待识别的图片，图片要求请见图片要求。 图片要求 保证图片质量：不能有损坏的图片；目前支持的格式包括JPG、JPEG、PNG、BMP。 图片最大边不大于4096px，最小边不小于100px，且大小不超过4M。

查看更多 →

在使用单模板工作流开发应用之前，需要上传模板图片，明确以哪张图片作为模板训练文字识别模型。 上传模板图片 定义预处理 上传模板图片后，需要对模板图片进行预处理，保留图片的关键内容，去掉冗余部分，保持图片内容清晰可见，保证模型识别的准确性。 定义预处理 框选参照字段 在图片模板中框选参照字段，用于矫正图片的方向，进

查看更多 →

在使用单模板工作流开发应用之前，需要上传模板图片，明确以哪张图片作为模板训练文字识别模型。 上传模板图片 定义预处理 上传模板图片后，需要对模板图片进行预处理，去掉冗余部分，将图片旋转至水平，保证模型识别的准确性。 定义预处理 框选参照字段 在图片模板中框选参照字段，用于矫正图片的方向，进而在正确的方向上，识别图片中的结构化信息。

查看更多 →

板图片中的文字，提供高精度的文字识别模型，保证结构化信息提取精度。 通用单模板工作流 通过构建文字识别模板，识别单个板式图片中的文字，提供高精度的文字识别模型，保证结构化信息提取精度。 多模板分类工作流 支持用户自定义多个文字识别模板，通过模型训练，自动识别图片所需使用的模板，从

查看更多 →

}); 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

对证件、票据、表单等任意版式文档进行键值对提取、文字识别、以及 表格识别 等任务，实现进阶高效的自动化结构化返回。 通用类 通用表格识别 识别表格图片上的文字内容，并返回识别的结构化结果。 通用文字识别 识别图片上的文字内容，并返回识别的文字和坐标。 网络图片识别 识别网络图片中的文字内容，并以JSON格

查看更多 →

数，只需编写业务函数代码并设置运行的条件，无需配置和管理 服务器 等基础设施，函数以弹性、免运维、高可靠的方式运行。此外，按函数实际执行资源计费，不执行不产生费用。 文字识别 OCR：提供在线文字识别服务，将图片或扫描件中的文字识别成可编辑的文本。OCR文字识别支持证件识别、票据识别、定制模板识别、通用表格文字识别等。

查看更多 →

详细指导 上传模板图片 在使用多模板工作流开发应用之前，需要上传模板图片，明确以哪些图片作为模板训练文字识别模型。 上传模板图片 定义预处理 上传模板图片后，需要对模板图片进行预处理，去掉冗余部分，将图片旋转至水平，保证模型识别的准确性。 定义预处理 框选参照字段 在图片模板中框选参照

查看更多 →

图3 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理 套件 / 文本信息：识别的主体为文本。

查看更多 →

图2 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理套件 / 文本信息：识别的主体为文本。

查看更多 →

ActionTypes } import { PreviewService } // 使用Viewer这个图片查看相关的js库 import Viewer from 'viewerjs'; 父主题： 子组件代码示例

查看更多 →

文件大小错误描述：当文件超过限制大小时，提示的错误描述。 预览：是否开启预览，只在图片时生效。 图片压缩：是否开启图片压缩功能，当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸：当“图片压缩”开关打开时，该参数才会显示。图片压缩尺寸，分为保持原尺寸和自定义尺寸。 保持原尺寸压缩： 如果设置

查看更多 →

和表格线扭曲图像的文字识别。 支持中英文以及部分繁体字。 文字识别服务属于公有云服务，线上用户资源共享，如果需要多并发请求，请提前联系我们。 通用文字识别 只支持识别PNG、JPG、JPEG、BMP、GIF、TIFF、WEBP、PCX、ICO、PSD格式的图片。 图像各边的像素大小在15px到8192px之间。

查看更多 →

在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。

查看更多 →

图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。

查看更多 →

外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高

查看更多 →

降低人工录入成本。 支持区域： 华北-北京四 通用文字识别API 网络图片识别 支持识别网络图片中的所有印刷体、艺术字等文字信息，可识别中英文及部分繁体字以及常见网络图片如：手机截图、电脑截图、电商产品图及广告设计图等互联网图片，能够返回位置坐标和置信度，方便用户进行版式的二次处

查看更多 →

创建Next.js项目 本案例以Next.js框架的默认demo为例演示部署过程，需要在Linux环境中创建一个全新的Next.js项目，本案例采用本地运行Docker node:18.15.0镜像的方式，同样适用于其他Linux系统。关于Docker镜像和Linux操作系统的使用并非本案例主要内容，不做过多赘述。

查看更多 →

页面JS及事件绑定 页面JS基本使用与管理 绑定API 父主题： UI编辑器使用帮助

查看更多 →

使用Node.js应用镜像运行Node.js程序 应用场景 Node.js是一个开源的项目管理软件，功能包括项目管理、Wiki、新闻台等功能，集成版本管理系统 GIT、SVN、CVS 等工具。Node.js应用镜像基于Ubuntu 22.04操作系统，采用Docker部署，已预装Node

查看更多 →

附录 名词解释 基本概念、云服务简介、专有名词解释： 文字识别服务 OCR：文字识别（Optical Character Recognition，简称OCR）是指将图片、扫描件或PDF、OFD文档中的打印字符进行检测识别成可编辑的文本格式，以JSON格式返回识别结果。 对象存储服务

查看更多 →