Skip to content
On this page

Up Load 文件上传

千万不要上传 2G 以上的文件

基本使用

需要使用 v-model:files 绑定一个数组

[]
开启

上传多个

multiple 属性可配置上传多个文件

[]
开启

限制数量

max-length 属性可限制上传文件的数量

[]
开启

拖拽上传

drag 属性可配置拖拽上传

[]
开启

Attributes

参数说明类型可选值默认值
v-model:files文件列表array————
accept接受的文件类型string————
name原生 name 属性string————
drag是否可拖拽上传boolean——false
is-remove是否可删除boolean——true
show-list是否展示文件列表boolean——false
multiple是否可多选boolean——false
max-size最大上传尺寸number————
max-length最大上传数量number————
disabled是否禁用boolean——false
on-load上传成功后执行的回调UpLoadCallback————
on-change绑定的文件列表发生改变时触发的回调UpLoadCallback————

Slots

名称说明
default自定义上传按钮样式

Interface

组件导出以下类型定义:

ts
import type { UpLoadInstance, UpLoadProps, UpLoadCallback } from 'fighting-design'

UpLoadCallback

ts
type UpLoadCallback = (files: File[]) => void

Contributors