kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
38 lines (37 loc) • 750 B
Markdown
<cn>
#### 上传文件夹
通过传入 directory 为 true,可以支持上传文件夹下的所有文件
</cn>
```vue
<template>
<Upload
action="https://run.mocky.io/v3/79c1cb9d-040a-43d9-919d-91ded176a9c2"
name="file"
directory
:headers="headers"
@change="handleChange"
>
<Button :icon="CloudUploadOutline">Click to upload</Button>
</Upload>
</template>
<script>
import { CloudUploadOutline } from "kui-icons";
export default{
data() {
return {
CloudUploadOutline,
headers:{
authorization: 'here is token'
}
}
},
methods:{
handleChange(info){
if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList);
}
}
}
}
</script>
```