检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在华为云Astro轻应用中,通过应用与OCR对接,可实现图片或扫描件中文字识别功能。例如,识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务,具体操作请参见开通文字识别服务。 已获取AK(Access Key ID)、SK(Secret Access
在AstroZero中,通过应用与华为OCR(Optical Character Recognition)对接,可实现图片或扫描件中文字识别功能。 场景描述 识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务,具体操作请参见开通文字识别服务。 已获取AK(Access
(可选)测试是否能可识别花卉图片。 在连接器详情页面,单击“测试”。 配置测试参数,单击“测试”。 选择类型:识别的主体可以是图片或者文本信息。本示例选择“图片文件”,并上传待识别的图片。 图片URL:识别的主体是图片时,可选择“图片URL”并设置图片的URL。 图片文件:识别的主体为图片
通过华为云Astro轻应用中的连接器上传并识别身份证图片 期望实现效果 华为云Astro轻应用封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2
使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”,在页面单击目录后的和,可管理图片目录。单击“上传图片/视频”,可进行上传操作。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
下一步”。 图6 新建模型 选择3中创建的对象和添加的字段,单击“下一步”。 图7 选择对象和字段 直接单击“确定”,完成模型创建。 返回设计视图页面,新建表格关联模型。 在标准页面底部,单击“设计视图”,从模型视图切换到设计视图。 在标准页面中拖入一个表格组件。 图8 拖入表格组件
设置华为云Astro轻应用标准页面图片组件属性 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
使用相对地址:使用图片的相对路径。 链接 在链接地址中,输入图片跳转的目标地址。 高级设置 在高级设置中,可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”,在“我的图片”页签中,将鼠标放在目录上,单击可新建目录,单击可删除该目录。单击“上传图片”,可上传图片,支持上
名称上。 图2 设置字段中英文名称 选择图片 为图片组件添加图片,如身份证照片、发票等。待上传的图片横向像素不能小于1280px,图片大小不能超过3M。如果需要为移动端单独上传图片,可选中“移动端独立设置”,在移动端页签上传所需的图片,如图4所示。 图3 上传图片 图4 为移动端上传图片
在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用华为云Ast
测试是否可识别花卉图片。 在连接器详情页面,单击“测试”。 配置测试参数,单击“测试”。 图3 配置测试参数 选择类型:识别的主体可以是图片或者文本信息。本示例选择“图片文件”,并上传待识别的图片。 图片URL:识别的主体是图片时,可选择“图片URL”并设置图片的URL。 图片文件:
在页面左下角,选择“配置”,进入应用配置页面。 在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,
a等编程语言调用OCR服务API将图片识别成文字,帮助用户自动采集关键数据,打造智能化业务系统,提升业务效率。更多介绍,请参见https://support.huaweicloud.com/ocr/index.html。 图像识别服务 图像识别(Image Recognition
如果选择“下载原始模板”,下载到本地的组件包中,组件名称不会被修改。 图2 保存模板 解压下载到本地的模板包,新建“img”文件夹,存放商品图片,此处存放了10张商品图片,分辨率统一为380x440,如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中,新建Commodity对象并为其赋值。
对接对象存储代理兼容实例格式 对接Redis实现对象数据缓存能力 对接CSS实现在应用中调用分布式搜索 对接OCR识别图片中文字 对接IEF管理边缘节点 对接ModelArts识别图像和文字 对接SMN发送短信 对接SMTP发送邮件 对接微信公众号获取用户信息 对接API Explorer获取云服务API元数据信息
长度范围为1~100个字符。 必须以英文字母开头,只能由英文字母、数字或单下划线组成,且不能以下划线结尾。 视图 为了让同一页面能够更好的呈现于电脑端和移动端,低代码平台提供了高级页面的电脑端和移动端两种终端视图,用户可分别对高级页面的电脑端和移动端进行定制开发。开发完成后发布生
见使用华为云Astro轻应用创建高级页面适配多终端显示 电脑端和手机端视图 为了让同一网页能够完美呈现于电脑端和移动端,低代码平台提供了高级页面的电脑端和移动端两种终端视图,用户可分别对高级页面的电脑端和移动端进行定制开发。开发完成后,发布生成的高级页面为同一URL,当电脑端或移
应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。 图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧
对接CSS提供云搜索服务 对接OCR实现图片上文字识别功能 对接IEF实现边缘节点管理功能 对接华为云ModelArts 对接SMN实现短信发送功能 对接MSGSMS实现短信发送功能 对接SMTP实现邮件发送功能 配置微信公众号登录功能 对接华为云API Explorer 对接函数工作流调用无服务器服务