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