Skip to content

FileUpload

通过点击或者拖拽上传文件。基于 ElUpload 二次封装。

点击或拖拽上传

模板下载

属性

属性名说明类型默认值版本
file-list / v-model:file-list上传文件UploadUserFile[][]
drag是否启用拖拽上传booleantrue
accept接受上传的文件类型string.doc,.docx,.xls,.xlsx,.txt,.pdf,.ppt,.pptx
baseUrl基础地址string
serve文件上传地址string/basic/file/upload/multi?repository=
repository仓库string
multiple是否支持多选文件booleanfalse
listType文件列表的类型'text'text
limit文件限制个数number3
disabled是否禁用上传booleanfalse
headers自定义增加 http headerobject
template设置onClick后,name和url无效{name:string, url:string,onClick:boolean}onClick:false
tip上传提示string
onChange文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用(uploadFile: UploadFile, uploadFiles: UploadFiles) => void-
beforeUpload上传文件之前的钩子,参数为上传的文件, 若返回false或者返回 Promise 且被 reject,则停止上传。(rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>-
@onClick文件点击监听(上传文件点击,模板点击)。返回object对象object-

插槽

名称描述类型
default自定义默认内容