检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。
通过在线编辑器完善组件。 测试结果基本满足预期，但是由于图片尺寸不同，有些图片未能完全展示，还需优化。本例中向您介绍AstroZero平台提供的，在线组件开发工具。 单击组件详情页中的“编辑”，在跳转到的“组件编辑”页面进行组件代码开发，完成后单击“发布”，即可完成组件更新。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中，通过自定义列的显示类型，可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果，信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”，并为对象添加字段。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OCR后，可识别某用户上传到华为OBS上的身份证图片的全部信息。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。
单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。在“网络图片”页签中，可以通过输入图片的地址，来获取图片。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。
“选择类型”配置为“图片URL”或“图片文件”，输入图片URL或选择身份证图片，单击“测试”。 图3 配置身份证 提示如下信息，表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中，调用连接器实现与OCR的对接。
“选择类型”配置为“图片URL”或“图片文件”，输入图片URL或选择身份证图片，单击“测试”。 图3 配置身份证 提示如下信息，表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中，调用连接器实现与OCR的对接。
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。
如何制作H5图文 场景描述 普通的图文消息，就只有图片和文字，比较单调，也是静态的。而H5图文除了图片和文字外，还可以加入声音、动画、视频等，让图片、文字动起来，效果更炫，视觉冲击更强。本章节以创建一个“福利发放”相关的H5图文为例进行介绍。
在上传背景图中，单击待自定义图片后的，可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览，可预览设置效果。 图5 预览设置效果 预览效果符合预期后，单击“保存”。 自定义菜单 参考登录管理中心中操作，登录AstroZero运行环境管理中心。
图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。
图片管理：对图片进行管理，并支持为图片配置跳转链接。 单击“添加”，在“我的图片”页签中，将鼠标放在目录上，单击可新建目录，单击可删除该目录。单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。
图片管理：对图片进行管理，并支持为图片配置跳转链接。 单击“添加”，在“选择图片/视频”页面，单击目录后的和，可管理图片目录。单击“上传图片/视频”，可上传图片。 选中图片，单击，可删除图片。 单击，可编辑图片跳转链接。 数据 在数据中，设置组件的数据来源。
在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 查看服务ID值。 在脚本中调用连接器 在脚本中，调用连接器，实现调用ModelArts的接口。
在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 查看服务ID值。 弹出“成功”提示框，说明成功识别花卉图片，测试成功。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
