# uploadFile-example

**Repository Path**: misty-rain-l/upload-file-example

## Basic Information

- **Project Name**: uploadFile-example
- **Description**: vue3 + js 的文件上传组件案例
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-09
- **Last Updated**: 2025-07-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# API
## Props
| 名称            | 描述                | 类型 | 默认值    |
|---------------|-------------------|--|--------|
| file-list     | 选择的文件列表           | Array | []     |
| multiple      | 是否多选文件            | Boolean | true   |
| preview       | 是否预览图片            | Boolean | true   |
| formats       | 允许上传的文件格式,英文都好分隔  | String |        |
| max-file-size | 允许上传的最大文件大小,单位b   | Number | -      |
| field         | 文件上传formdata参数字段名 | String | file   |
| action        | 设置接口请求地址          | String | -      |
| method        | 设置上传请求方法          | String | "POST" |
| headers       | 设置上传请求头参数         | Object | -      |
| data          | 设置上传请求表单参数        | Object | -      |

## Slots
| 名称    | 描述          | 参数                |
|-------|-------------|-------------------|
| icon  | 自定义上传图标     | -                 |
| title | 自定义标题       | -                 |
| size | 自定义文件大小限制标题 | -                 |
| accept | 自定义文件上传格式标题 | -                 |
| progress | 自定义精度条      | {progress:number} |
| item | 自定义文件列表     | {file:File}       |

## Function
| 名称    | 描述       | 类型                 |
|-------|----------|--------------------|
| reloadStatus  | 文件状态加载方法 | (fileList) => void |