Appearance
file-upload
file-upload 是一个基于 Element Plus 的文件上传组件,支持拖拽上传、文件类型限制、大小限制等功能。
基础用法
属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
action | 上传的地址 | string | - |
headers | 设置上传的请求头部 | object | - |
data | 上传时附带的额外参数 | object | - |
name | 上传的文件字段名 | string | 'file' |
size | 文件大小限制(MB) | number | 20 |
max | 最大允许上传文件数量 | number | 3 |
files | 已上传的文件列表 | UploadUserFile[] | [] |
notip | 是否隐藏提示信息 | boolean | false |
ext | 允许上传的文件扩展名 | string[] | ['zip', 'rar'] |
事件
事件名 | 说明 | 回调参数 |
---|---|---|
onSuccess | 文件上传成功时的回调 | (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void |
插槽
插槽名 | 说明 |
---|---|
tip | 提示说明文字 |
功能特点
- 支持拖拽上传
- 自动校验文件类型和大小
- 可限制上传文件数量
- 可自定义上传提示信息
- 支持文件列表展示
注意事项
- 文件大小超过限制会有错误提示
- 文件类型不符合要求会有错误提示
- 超过最大上传数量会有警告提示
- 默认支持 zip 和 rar 格式文件上传