Skip to content

Upload 上传

内置封装类型 upload(实现来自 @form-create/component-antdv-upload,别名通常为 fcUpload)。

规则

基础示例(卡片墙)

文本列表

形态示例

整段禁用

Events(常用)

参考:Antdv Next Upload

valuestring | string[]

Props

参数说明类型默认值版本
onSuccess用于获取文件链接 file.url = file.response.urlFunction(file,fileList)--
accept接受类型string | AcceptObject--
action上传地址string | (file) => Promise<string>--
beforeUpload上传前钩子function--
customRequest自定义上传function--
classes语义化 classRecord<SemanticDOM, string> | function--
data额外参数object | function--
directory上传文件夹booleanfalse-
disabled禁用booleanfalse-
fileList文件列表,支持 v-model:file-listUploadFile[]--
headers请求头object--
iconRender自定义图标function--
isImageUrl是否用 img 缩略图function--
itemRender自定义列表项function--
listTypetext | picture | picture-card | picture-circlestringtext-
maxCount最大数量;为 1 时替换number--
methodHTTP 方法stringpost-
multiple多选booleanfalse-
name文件字段名stringfile-
openFileDialogOnClick点击打开文件框booleantrue-
pastable粘贴上传booleanfalse-
previewFile预览逻辑function--
progress进度条(line)ProgressProps默认-
showUploadList是否展示列表及图标配置boolean | objecttrue-
styles语义化 styleRecord<SemanticDOM, CSSProperties> | function--
withCredentials携带 cookiebooleanfalse-

Events

事件说明类型默认值版本
change文件状态变化function--
drop拖拽进入(event: DragEvent) => void--
download下载function(file): void新标签打开 url-
preview预览function(file)--
remove移除function(file): boolean | Promise--

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用