---
title: 手动上传
order: 4
---

手动上传需要通过指定`autoUpload`为`false`来关闭自动上传，然后调用组件的`submit`方法来手动上传

```vdt
import Upload from 'kpc/components/upload';
import Button from 'kpc/components/button';

<Upload 
    ref="instance"
    multiple 
    action="//jsonplaceholder.typicode.com/posts/"
    autoUpload={{ false }}
>
    <Button type="primary">选择文件</Button>
    <b:tip>
        <Button ev-click={{ self.upload }}>开始上传</Button>
    </b:tip>
</Upload>
```

```styl
.k-upload
    width 400px
```

```js
export default class extends Intact {
    @Intact.template()
    static template = template;

    upload(e) {
        this.refs.instance.submit();
    }
}
```