应用/搭建用户界面/网页端组件/文件上传
文件上传
更新于: 2026-06-24 15:44:40
文件上传组件用于上传文件,支持配置上传文件的格式和大小。
文件上传组件的值为 String 类型,格式为 {"bytes":3620,"created_at":1746585188,"file_name":"like.png","id":"7501525683013943334","file_id":"7501525683013943334"}。即通过文件上传组件上传文件后,仅生成文件 ID,不会直接生成文件 URL。
你可以在工作流中,将输入参数的数据类型设置为 File,然后将文件上传组件的值传递给该输入参数。系统会自动解析并获取文件的 URL,再将该 URL 传递给下游节点,从而实现文件数据的高效处理。
文件上传组件支持丰富的属性设置,例如常用设置、位置设置、尺寸设置、样式设置、变换设置、状态设置和可见性设置。
|
属性 |
说明 |
|---|---|
|
标签 |
配置是否显示文件上传组件的标签,标签可以为文件上传组件提供文字描述,使用户能够更直观地理解文件上传组件的状态或功能。 |
|
标签内容 |
配置文件上传组件的标签内容,支持配置静态内容和动态绑定数据,详情请参见设置组件内容参数。 |
|
是否必填 |
配置文件上传是否为必填项。 |
|
提示文案 |
配置文件上传组件的提示文案,提示文案是指在文件上传组件中显示的指导性文本,用于告诉用户如何操作或需要上传何种类型的文件。默认提示文案为点击或拖拽文件上传。 |
|
辅助说明 |
辅助说明提供了更详细的信息,比如文件类型、大小限制等,帮助用户了解上传文件的具体要求,增强用户体验。 |
|
图标 |
图标用于提供视觉上的提示,通常用于表示上传动作,支持从本地上传和从图标库选择图标。
|
|
颜色 |
图标库的图标支持颜色配置,本地上传的图标配置颜色后不生效。 |
|
总数上限 |
总数上限是指用户可以上传的文件总数的最大值,最大可设置为10。通过设置这个参数,可以限制用户一次性上传的文件数量,避免服务器过载或数据量过大。 |
|
大小上限 |
配置单个文件最大允许上传的大小。 |
|
支持文件 |
配置允许用户上传的文件格式,支持选择 |
|
组件布局 |
配置标签与文件上传区域的布局方式,支持上下布局和左右布局。 |
|
垂直对齐 |
配置文件上传组件的垂直对齐方式。
|
|
禁用态 |
可控制文件上传组件在什么情况下展示禁用状态。
例如,通过一个开关组件来控制此组件是否禁用,可以将表达式设置为 |
|
加载态 |
可控制文件上传组件在什么情况下展示加载状态。
例如,希望工作流在执行过程中,此组件呈加载状态,则可以在输入框中输入 |
文件上传组件提供三种位置类型选项,以灵活配置组件在界面中的位置。
|
属性 |
说明 |
|---|---|
|
宽度 |
配置文件上传组件的宽度值,支持以下宽度设置方式:
|
|
高度 |
配置文件上传组件的高度值,支持以下高度设置方式:
|
|
尺寸限制 |
配置文件上传组件的尺寸限制,支持配置最大高度、最小高度、最大宽度、最小宽度。 |
|
属性 |
说明 |
|---|---|
|
填充 |
配置文件上传组件背景的显示颜色。 |
|
圆角 |
配置文件上传组件背景的圆角,支持单独设置四个角的圆角。 |
|
内边距 |
配置文件上传组件背景的内边距,可以单独设置四个方向的内边距。 |
|
外边距 |
配置文件上传组件背景的外边距,可以单独设置四个方向的外边距。 |
|
边框 |
配置文件上传组件背景的边框样式。支持如下设置方式:
|
|
阴影 |
配置文件上传组件背景的阴影样式,增强组件的立体感。支持如下设置方式:
|
|
模糊 |
配置文件上传组件的模糊效果,数值越大,模糊效果越明显。支持设置图层模糊和背景模糊。
|
丰富界面视觉效果的参数。
|
属性 |
说明 |
|---|---|
|
缩放 |
配置文件上传组件大小的缩放比例。 |
|
旋转 |
配置文件上传组件围绕中心点旋转的角度。 |
|
位移 |
配置文件上传组件在水平和垂直方向上的移动距离。 |
|
倾斜 |
配置文件上传组件在水平和垂直方向上的倾斜角度。 |
控制文件上传组件加载态、悬浮态、点击态和出现态的视觉效果参数。
|
属性 |
说明 |
|---|---|
|
悬浮效果 |
配置文件上传组件的悬浮态效果。具体配置说明如下: |
|
点击效果 |
配置文件上传组件的点击态效果。具体配置说明如下: |
|
出场效果 |
设置文件上传组件在界面中出现时的动画效果。目前支持设置为淡入、缩放、模糊、水平翻转、垂直翻转、从下滑入、从上滑入、从左滑入、从右滑入。 |
控制文件上传组件隐藏或显示的参数,支持在特定条件下隐藏文件上传组件。
Switch 1,当你将文件上传组件的可见性设置为{{ Switch1.value}}后,开关打开时,{{ Switch1.value}}值为 true,文件上传组件将被隐藏。通过配置文件上传组件的事件,可以为文件上传组件添加丰富的交互功能,以增强用户体验和界面的互动性。
|
事件项 |
说明 |
|---|---|
|
事件类型 |
数据改变时:在文件上传过程中,文件数据发生变化时触发事件。 |
|
组件方法 |
支持以下方法:
|