检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
数据改变 已上传文件列表改变时触发。 当前已上传文件列表。 文件上传 开始上传文件时触发。 当前开始上传的文件。 当前已上传文件列表。 操作成功 上传成功后触发。 上传成功文件的地址。 选中文件 文件列表选中时或取消选中时触发。 当前文件。 已选中的文件。 文件上传前 文件上传前触发。
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
上传文件 功能介绍 将本地文件上传到存储中。使用该API上传文件,默认只会上传到连接器下配置的第一个桶中。待上传的文件可以是文本文件、图片、视频等任何类型。 URI POST AstroZero域名/u-route/baas/sys/v1.1/connectors/{connec
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏该组件,
初始化分段上传任务,即创建分段上传任务。 上传分段。 完成上传合并段或终止(即取消)分段上传任务。 完成上传合并段,文件会存储到桶中。终止(即取消)分段上传任务,之前所有上传的分段内容将会被丢弃。 初始化分段上传任务 功能介绍 使用分段上传方式传输数据前,必须先创建一个初始化分段上传任务。该操作会
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800
框选择”时,该参数才会显示。 列表展示位置:相对于上传按钮,上传列表的展示位置,移动端仅下方展示。 列表只显示进度条:上传列表的展示内容仅展示进度条,且文件上传完后进度条消失,目前适用于文档和压缩包。 图片宽高:上传列表中单个图片的宽高,单位像素,移动端不生效。 最大宽度:限制最大的宽度。
nginx:latest 上传镜像 登录CCE控制台,在左侧菜单栏选择“镜像仓库 > 镜像管理”。 单击右侧“上传镜像”。 在“上传镜像”页面选择“镜像空间”,如果没有镜像空间,可单击“创建镜像空间”直接填写空间名。单击“选择文件”,选择制作好的镜像包,单击“上传”。 图1 上传镜像 父主题:
再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。 图5 选择图片管理 单击“添加”,选中所需的图片,单击“保存”。 选中已添加的图片,在右侧图片设置中,单击链接后的。 设置跳转的URL地址,单击“确定”。 图6 设置链接 单击“确定”,返回高级页面。 单击,保存高级页面,保存成功后单击,发布高级页面。
选中该选项后,应用打包时会将当前配置的连接器信息一并打出。例如,如果应用包发布到运行环境,当前配置默认会被同步到运行环境中。 (可选)测试是否能识别身份证照片。 在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。
创建标准页面,用于上传文件。 在应用设计器中,选择“界面”,单击页面后的“+”,新建一个标准页面。 在标准页面中,拖入一个“上传”组件。 图4 拖入上传组件 选中上传组件,存储选择“OBS”,并选择2中创建好的连接器。 图5 设置存储信息 定义文件的上传路径。 图6 设置上传路径 返回标
附件是数据组件的一种,用于上传证件照片等,支持单击或拖拽上传。 在表单开发页面,从“数据组件”中,拖拽“附件”组件至表单设计区域,如图1。 图1 附件 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 文件大小(KB):限制上传文件的大小,最大可设置为204800KB。
上传自定义登录组件 自定义登录组件开发完成,并上传到AstroZero后,才能通过高级页面调用。 您可以直接使用文中提供的已开发完成的登录组件,上传到AstroZero中。也可以自行在AstroZero上,下载自定义组件模板,进行线下开发,然后再上传到AstroZero中。 操作步骤
Key),即访问密钥对,具体操作请参见获取AK/SK。 已将身份证照片上传到华为云的OBS存储桶,并获取到图片的URL,具体操作请参见如何上传文件。 已将身份证图片转换为base64编码,具体操作请参见如何获取图片base64编码。 新建OCR连接器 参考登录AstroZero新版应用设计器中操作,进入应用设计器。
加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。 定位标志:设置分页图标样式。 图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“选择图片/视频”页面,单击目录后的和,可管理图片目录。单击“上传图片/视频”,可上传图片。
图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。