Upload 上传
内置封装类型 upload(实现来自 @form-create/component-antdv-upload,别名通常为 fcUpload)。
规则
基础示例(卡片墙)
文本列表
形态示例
整段禁用
Events(常用)
value:string | string[]
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| onSuccess | 用于获取文件链接 file.url = file.response.url | Function(file,fileList) | - | - |
| accept | 接受类型 | string | AcceptObject | - | - |
| action | 上传地址 | string | (file) => Promise<string> | - | - |
| beforeUpload | 上传前钩子 | function | - | - |
| customRequest | 自定义上传 | function | - | - |
| classes | 语义化 class | Record<SemanticDOM, string> | function | - | - |
| data | 额外参数 | object | function | - | - |
| directory | 上传文件夹 | boolean | false | - |
| disabled | 禁用 | boolean | false | - |
| fileList | 文件列表,支持 v-model:file-list | UploadFile[] | - | - |
| headers | 请求头 | object | - | - |
| iconRender | 自定义图标 | function | - | - |
| isImageUrl | 是否用 img 缩略图 | function | - | - |
| itemRender | 自定义列表项 | function | - | - |
| listType | text | picture | picture-card | picture-circle | string | text | - |
| maxCount | 最大数量;为 1 时替换 | number | - | - |
| method | HTTP 方法 | string | post | - |
| multiple | 多选 | boolean | false | - |
| name | 文件字段名 | string | file | - |
| openFileDialogOnClick | 点击打开文件框 | boolean | true | - |
| pastable | 粘贴上传 | boolean | false | - |
| previewFile | 预览逻辑 | function | - | - |
| progress | 进度条(line) | ProgressProps | 默认 | - |
| showUploadList | 是否展示列表及图标配置 | boolean | object | true | - |
| styles | 语义化 style | Record<SemanticDOM, CSSProperties> | function | - | - |
| withCredentials | 携带 cookie | boolean | false | - |
Events
| 事件 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| change | 文件状态变化 | function | - | - |
| drop | 拖拽进入 | (event: DragEvent) => void | - | - |
| download | 下载 | function(file): void | 新标签打开 url | - |
| preview | 预览 | function(file) | - | - |
| remove | 移除 | function(file): boolean | Promise | - | - |


