文件上传 表单
组件 ID: file
这是一个标准的 SunForm 表单组件,支持可视化配置与低代码生成。
JSON 配置示例
直接复制以下 JSON 到配置文件中即可使用。
{
"type": "file",
"props": {
"label": "文件上传",
"value": [],
"apiSet": "{",
"size": "default",
"hasLabel": true,
"required": false,
"disabled": false,
"isDetail": false,
"hideFileName": false,
"hidePreview": false,
"hide": false,
"placeholder": "请上传文件",
"labelPosition": "top",
"remark": "",
"zdname": null,
"labelAlign": "left"
}
}
属性配置 (Props)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
size |
string | default | 组件尺寸 (small/default/large) |
hasLabel |
boolean | true | 暂无描述 |
required |
boolean | false | 是否必填 |
disabled |
boolean | false | 是否禁用 |
isDetail |
boolean | false | 暂无描述 |
hideFileName |
boolean | false | 暂无描述 |
hidePreview |
boolean | false | 暂无描述 |
hide |
boolean | false | 是否隐藏该组件 |
placeholder |
string | 请上传文件 | 占位提示文本 |
labelPosition |
string | top | 标签位置 (top/left) |
remark |
string | - | 组件备注/说明 |
value |
object | [] | 表单值 / 绑定值 |
zdname |
any | null | 暂无描述 |
label |
string | 文件上传 | 标签文本/标题 |
labelAlign |
string | left | 标签对齐方式 |
labelWidth |
string | 120px | 标签宽度 |
width |
number | 24 | 宽度 |
fileField |
string | file | 暂无描述 |
fileIdField |
string | id | 暂无描述 |
fileNameField |
string | name | 暂无描述 |
fileUrlField |
string | url | 暂无描述 |
fileSaveType |
string | name,id | 暂无描述 |
fileDownType |
string | blob | 暂无描述 |
fileGetUrl |
string | - | 暂无描述 |
fileDownUrl |
string | - | 暂无描述 |
accept |
string | - | 接受的文件类型 |
limit |
number | 9 | 暂无描述 |
fileSize |
number | 10 | 暂无描述 |
readonly |
boolean | false | 是否只读 |
multiple |
boolean | true | 是否多选 |
hideTable |
boolean | false | 暂无描述 |
fileTypes |
object | ['image', 'video'] | 暂无描述 |
validationRules |
object | [] | 自定义校验规则 |
validationState |
object | { valid: true, message: '' } | 暂无描述 |
apiSet |
object | { | API 接口配置对象 (url, method, params) |
method |
string | post | 暂无描述 |
apiurl |
string | - | 暂无描述 |
params |
object | [] | 暂无描述 |
headers |
object | [] | 请求头配置 |
isQuery |
boolean | false | 暂无描述 |
contentType |
string | file | 暂无描述 |
paramsFormat |
string | - | 暂无描述 |
headersFormat |
string | - | 暂无描述 |
successFormat |
string | - | 暂无描述 |
errorFormat |
string | - | 暂无描述 |
labelField |
string | - | 暂无描述 |
valueField |
string | - | 暂无描述 |
beforeSend |
string | - | 暂无描述 |
onCreated |
any | null | 组件创建时触发的事件 |
onMounted |
any | null | 组件挂载后触发的事件 |
onNameFormat |
any | null | 事件回调 |