MagicBoot

简介

封装上传文件组件
支持两种模式：
1、直接返回文件的相对路径（默认）
2、传入一个唯一ID，组件会自动查询、保存上传的文件

template

<mb-upload-file 
    v-model="fileUrls" 
    @change="multipleFileChange" 
    multiple 
    directory-dnd
/>

名称	类型	默认值	说明
modelValue	`String \| Array`	`undefined`
multiple	`Boolean`	`false`	是否开启多选
limit	`Number`	`20`	上传数量限制
maxFileSize	`Number`	`200`	单个文件上传大小限制，单位MB
accept	`String`	`''`	上传类型限制，详见`accept`
externalId	`String`	`undefined`	唯一ID，比如可以传入一个用户ID
externalType	`String`	`undefined`	externalId下的一个分类，比如`头像`，`身份证`
formats	`String`	`''`	上传后缀限制，比如：`png,jpg`。如果和`accept`一起设置则是累加
label	`String`	`点击上传`	点击上传按钮文本
showTip	`Boolean`	`true`	是否显示可上传格式提示
showFileList	`Boolean`	`true`	是否显示文件列表
onSuccess	`({file, event}) => void`	`undefined`	上传完成后回调
deleteTip	`Boolean`	`true`	删除时是否显示提示
join	`Boolean`	`true`	当上传多张时，是否使用逗号join。如果是false则modelValue是Array
directoryDnd	`Boolean`	`false`	是否支持目录拖拽上传
defaultUpload	`Boolean`	`true`	选择文件时候是否默认上传