---
name: Upload 上传
route: /upload
parent: 组件
menu: 数据录入
---
import { Playground, Props } from 'docz'
import  Upload  from '../components/upload'


# Upload 上传
>提示: 展开代码编辑器可以在线编辑，实时生效

## 基础用法

<Playground>
    <h4>正常：</h4><Upload label='上传' onChange={console.log}/>
    
    <h4>多选：</h4><Upload label='上传' multiple={true}  onChange={console.log}/>
    <h4>禁用：</h4><Upload label='上传' disabled={true}/>
    <h4>图片only：</h4><Upload label='上传' multiple={true}  onChange={console.log} accept='image/*'/>
</Playground>


## 默认值回填

<Playground>
    <Upload label='上传' multiple={true}  onChange={console.log} defaultFiles={[{name:'文件1',url:'xxx'},{name:'文件2',url:'xxx'}]}/>
</Playground>


## 拖拽上传

<Playground>
    <Upload label='上传'  onChange={console.log} type='drop'/>
</Playground>


## 图片

<Playground>
    <Upload label='上传'  onChange={console.log} type='picture' multiple={true} accept='*'/>
</Playground>

## API


<Props of={Upload} />