Skip to content

file-upload

file-upload 是一个基于 Element Plus 的文件上传组件,支持拖拽上传、文件类型限制、大小限制等功能。

基础用法

属性

属性说明类型默认值
action上传的地址string-
headers设置上传的请求头部object-
data上传时附带的额外参数object-
name上传的文件字段名string'file'
size文件大小限制(MB)number20
max最大允许上传文件数量number3
files已上传的文件列表UploadUserFile[][]
notip是否隐藏提示信息booleanfalse
ext允许上传的文件扩展名string[]['zip', 'rar']

事件

事件名说明回调参数
onSuccess文件上传成功时的回调(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void

插槽

插槽名说明
tip提示说明文字

功能特点

  1. 支持拖拽上传
  2. 自动校验文件类型和大小
  3. 可限制上传文件数量
  4. 可自定义上传提示信息
  5. 支持文件列表展示

注意事项

  1. 文件大小超过限制会有错误提示
  2. 文件类型不符合要求会有错误提示
  3. 超过最大上传数量会有警告提示
  4. 默认支持 zip 和 rar 格式文件上传

Released under the MIT License.