Skip to main content

文件上传

文件上传

适用场景

适用于需要上传附件内容的场景,例如各项证明、材料、数据、合同等。

属性介绍

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

基础功能

文件上传组件是一个输入组件,多用于表单组件内部,可以关联表单对象中的属性字段,用以上传本地附件。基本用法如下:

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

img

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

img

img

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

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

  1. 单文件上传时:

img

img

  1. 多文件上传时:

img

img

高级功能

暂无