---
title: Upload 文件上传
description: 上传组件允许用户传输文件或提交自己的内容。
isComponent: true
usage: { title: "", description: "" }
spline: data
author: swimly
---

### 基础用法

通过`action`设置上传接口地址，通过`accept`设置可上传的文件类型，通过`tips`可设置提示信息。

> `accept`参数可参考[W3C 标准](https://www.w3schools.com/tags/att_input_accept.asp)

{{ base }}

## 批量上传

通过`multiple`设置批量上传，可一次性上传多个文件，并且可通过`max`设置最大上传文件个数。

{{ multiple }}

## 自动上传

通过`autoUpload`设置选中文件之后自动执行上传操作，默认开启，当关闭自动上传后需要手动触发。

{{ autoUpload }}

## 自定义上传按钮

通过`default`和`trigger`可自定义上传按钮的样式。

{{ trigger }}

## 拖拽上传

通过`draggable`设置拖拽上传

{{ dragger }}

## 上传风格

通过`theme`可设置上传风格，`custom` 表示完全自定义风格；`file` 表示默认文件上传风格；`file-input` 表示输入框形式的文件上
传；`file-flow` 表示文件批量上传；`image` 表示默认图片上传风格；`image-flow` 表示图片批量上传

{{ theme }}

## 自定义上传方法

可以使用 `requestMethod` 自定义上传方法，返回 `Promise` 对象，resolve 参数中的 `status` 控制上传成功或失败。

{{ customUpload }}
