fileUpload 文件上传

基础用法

<script setup lang="ts">
import type { BasicForm } from '@/types/form'

const formConfig = reactive<BasicForm>({
  formItems: [
    {
      label: '文件',
      value: '',
      name: 'name',
      type: 'file-upload',
    },
  ],
})
</script>

全局上传配置

TIP

代码位置

src/config/uploadConfig.ts

属性

interface Props {
  modelValue: string
  fileSize?: number
  autoUpload?: boolean
  disabled?: boolean
  multiple?: boolean
  drag?: boolean
  limit?: number
}

参数	说明	类型	默认值	可选值
modelValue	文件路径(如果是字符串需要用英文逗号隔开)	String
fileSize	允许上传文件的大小（单位兆）	Number	100
autoUpload	自动上传	Boolean	true
disabled	禁用	Boolean	false
multiple	多选	Boolean	false
drag	是否启用拖拽上传	Boolean	false
limit	允许上传文件的最大数量	Number	100

插槽

插槽名	说明
default	自定义默认内容
tip	提示说明文字
file	缩略图模板的内容
trigger	触发文件选择框的内容