图片上传

图片上传

适用场景

图片上传可以用来记录当前提交表单所需要的图片相关证明，例如上传身份证、报销的发票等。

属性介绍

属性分类	属性名称	属性作用
基本属性	组件ID	组件在当前页面的唯一标识。
组件标题	设置组件的标题显示。可选择常量输入、表达式输入和无标题显示。
展示方式	包含编辑模式、只读模式、文本模式和继承父组件模式。用以组件在不同业务模式下的展示区分。
显示条件	当放置在表单组件内部时，用以设置组件的显示条件。支持表达式输入和无。
数据属性	选择字段	当放置在表单组件内部时，需选择要绑定的表单组件上下文对象中的属性。
图片个数	设置用户可上传的最多图片个数。当设置图片个数为1时，支持点击上传和拖拽。 当设置图片个数为多个时，支持点击上传。
图片格式	对上传图片格式的约束。
图片大小	对单个图片大小的限制，单位MB。
校验规则	必填	勾选时生效，设置该输入框为必填。可设置校验提示信息。
自定义函数	勾选时生效，可自定义校验函数。可设置校验提示信息
交互属性	值变化	用以设置输入内容变化时所要执行的动作。

基础功能

图片上传组件多用于表单组件内部，可以关联表单对象中的属性字段，用以上传本地图片。基本用法如下：

步骤1: 参照表单组件基本用法，新建表单页面，并且为表单组件选择数据源，绑定上下文（比如绑定已建对象“文件列表”）。从左侧的组件列表拖动“图片上传”组件到画布区域表单组件内，然后在右侧组件属性面板设置组件标题、展示方式等基础属性信息：

步骤 2: 为图片上传组件关联表单对象字段，设置图片个数、图片大小、图片格式。如下所示：

步骤 3: 设置校验规则，自定义上传图片发生变化时所要执行的动作。

最终运行态组件展示如下：

1.单个图片上传时：

2.多个图片上传时：

高级功能

暂无