检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OCR后，可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
cal Character Recognition）对接，可实现图片或扫描件中文字识别功能。 场景描述 识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务，具体操作请参见开通文字识别服务。 已获取AK（Access Key ID）、SK（Secret
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。
在AstroZero中，通过应用与OCR对接，可实现图片或扫描件中文字识别功能。例如，识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务，具体操作请参见开通文字识别服务。 图1 已申请身份证识别服务 已获取AK（Access Key ID）、SK（Secret
使用相对地址：使用图片的相对路径。 高级设置 在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中，通过自定义列的显示类型，可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果，信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”，并为对象添加字段。 在应用设计器
（可选）测试是否能可识别花卉图片。 在连接器详情页面，单击“测试”。 配置测试参数，单击“测试”。 选择类型：识别的主体可以是图片或者文本信息。本示例选择“图片文件”，并上传待识别的图片。 图片URL：识别的主体是图片时，可选择“图片URL”并设置图片的URL。 图片文件：识别的主体为图片
OBS/MINIO/OBJECTSTORAGEPROXY图片库，支持按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。 单击“上传图片”，可上传图片。 选中图片时，单击，可以在图片库中删除此图片。 预览：预览时，是否支持单击放大图片。 公共 控件名称：当前组件的名称。 隐藏：是
单击“轮播设置”，根据个人实际需求，设置轮播方向、图片播放时间间隔等。 图3 选择轮播设置 图4 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件，单击右键选择“高级设置”，选择“图片管理”。 图5 选择图片管理 单击“添加”，选中所需的图片，单击“保存”。 选中已添加的图片，在右侧图片设置中，单击链接后的。
在高级设置中，可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”，在“我的图片”页签中，将鼠标放在目录上，单击可新建目录，单击可删除该目录。单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800
主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。 布局选项：提供了一些常见选项，用于设置应用布局。
（可选）测试是否可识别行程码。 在连接器详情页面，单击“测试”。 配置测试参数，单击“测试”。 页面弹出“成功”提示框，表明成功识别行程码。 图2 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 /
图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。
测试是否可识别花卉图片。 在连接器详情页面，单击“测试”。 配置测试参数，单击“测试”。 图3 配置测试参数 选择类型：识别的主体可以是图片或者文本信息。本示例选择“图片文件”，并上传待识别的图片。 图片URL：识别的主体是图片时，可选择“图片URL”并设置图片的URL。 图片文件：
（可选）测试是否可识别行程码。 在该连接器详情页面，单击“测试”。 配置测试参数，单击“测试”。 页面弹出“成功”提示框，表明成功识别行程码。 图3 配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 /
境管理中心。 在左侧导航栏中，选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中，单击待自定义图片后的，可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览，可预览设置效果。 图5 预览设置效果 预览效果符合预期后，单击“保存”。 自定义菜单 参考登录管理中
加载自动播放：是否自动轮播。开启后，支持设置图片轮播时间间隔（不大于24秒）。 切换方式：设置图片切换时，展示的样式，如淡出、推出等。 定位标志：设置分页图标样式。 图片管理：对图片进行管理，并支持为图片配置跳转链接。 单击“添加”，在“选择图片/视频”页面，单击目录后的和，可管理图片目录。单击“上传图片/视频”，可上传图片。
文本设置 文本内容：在输入框中，直接输入文本的内容。 字体：设置输入文本的字体。 字体粗细：设置输入文本的字体粗细，如正常、更细、更粗和加粗。 字号：设置输入文本的字体大小，如特小号、中号、大号等。 字体颜色：设置输入文本的字体颜色。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置
上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。 在D
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
