检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建脚本,用于提交图片信息以及OCR接口识别图片内容。 在应用设计器中,选择“逻辑”,单击脚本后的“+”。 新建一个空白脚本,脚本名称为octTryTs。 图9 新建octTryTs脚本 在脚本编辑器中,输入如下示例代码。 //本脚本用于提交图片信息以及调用ocr接口识别图片内容 import
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。 图4 选择轮播设置 图5 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”。 图6 选择图片管理 单击“添加”,选中所需的图片,单击“保存”。 选中已添加的图片,在右侧图片设置中,单击链接后的。
同步到运行环境中。 (可选)测试是否能识别身份证照片。 在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图3 配置身份证 提示如下信息,表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器
设置完成后,单击“保存”。 (可选)测试是否能识别身份证照片。 在连接器详情页面,单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”,输入图片URL或选择身份证图片,单击“测试”。 图2 配置身份证 提示如下信息,表明成功识别身份证信息。 图3 测试成功 在脚本中调用连接器
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购
OBS/MINIO/OBJECTSTORAGEPROXY图片库,支持按目录管理图片: 单击目录后的和,新增根图片目录和子图片目录。 单击“上传图片”,可上传图片。 选中图片时,单击,可以在图片库中删除此图片。 预览:预览时,是否支持单击放大图片。 公共 控件名称:当前组件的名称。 隐藏:是
在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800
上述代码中定义的展示图片文件可使用其他图片代替,将图片放到DisplayWidget目录中即可正常使用。 本示例代码中,widgetBasePath变量为组件包上传后的路径,在组件模板中已包含获取此变量的逻辑,在此直接使用即可(此例也展示了组件中如何引入本地图片的基本方法)。 在D
上述代码中定义的展示图片文件可使用其他图片代替,将图片放到DisplayWidget目录中即可正常使用。 本示例代码中,widgetBasePath变量为组件包上传后的路径,在组件模板中已包含获取此变量的逻辑,在此直接使用即可(此例也展示了组件中如何引入本地图片的基本方法)。 在D
测试是否可识别花卉图片。 在连接器详情页面,单击“测试”。 配置测试参数,单击“测试”。 图3 配置测试参数 选择类型:识别的主体可以是图片或者文本信息。本示例选择“图片文件”,并上传待识别的图片。 图片URL:识别的主体是图片时,可选择“图片URL”并设置图片的URL。 图片文件:识别
自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中基本折线图组件,单击鼠标右键选择“高级设置”,可对折线图进行多种配置。 图3 基本折线图效果图
删除该目录。单击“上传图片”,可上传图片,支持上传JPG、JPEG、PNG和GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。 选中图片,单击,可删除图片。 单击,可编辑图片跳转链接。 父主题: 设
在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。
境管理中心。 在左侧导航栏中,选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。 图5 预览设置效果 预览效果符合预期后,单击“保存”。 自定义菜单 参考登录管理中
加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。 定位标志:设置分页图标样式。 图片管理:对图片进行管理,并支持为图片配置跳转链接。 单击“添加”,在“选择图片/视频”页面,单击目录后的和,可管理图片目录。单击“上传图片/视频”,可上传图片。
应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。 图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧”等),
您也可以在应用详情页,单击应用名称后的箭头图标,选择“分享应用”。 图2 分享应用 单击“分享链接”后的,可分享该应用给其他用户。 单击,可在新窗口打开该应用,分享二维码图片给其他WeLink用户可供扫码访问应用。 图3 分享应用 父主题: 管理零码应用