1 | # 上传按钮
|
2 |
|
3 | ### 使用
|
4 |
|
5 | :::kview
|
6 |
|
7 | ```html
|
8 | <template>
|
9 | <k-upload-btn />
|
10 | </template>
|
11 |
|
12 | <script>
|
13 |
|
14 | export default {
|
15 | data() {
|
16 | return {
|
17 | }
|
18 | },
|
19 | methods: {
|
20 |
|
21 | },
|
22 | };
|
23 |
|
24 | </script>
|
25 | ```
|
26 |
|
27 | :::
|
28 |
|
29 | ## Props
|
30 | <div class="markdown-table">
|
31 |
|
32 | | 参数 | 说明 | 类型 | 默认值| 是否必须|
|
33 | |-------|---------|------|--------|----------|
|
34 | |multiple|是否多选|Boolean|false|-
|
35 | |headers|请求头信息|Object|-|-
|
36 | |fileName|文件字段名|String|file|-
|
37 | |data|附加上传数据|Object|-|-
|
38 | |url|上传接口|String|-|是
|
39 | |withCredentials|是否支持cookie验证|Boolean|false|-
|
40 | |beforeUpload|上传之前验证函数; 接收参数:(fileName : string, file : File),需Promise返回过滤后的文件|Function|-|-
|
41 | |onProgress|上传进度函数;接收参数:(e : Event, file : File, fileList : Array\<File\>)|Function|-|-
|
42 | |onSuccess|上传成功函数;接收参数:(res : Result, file : File, fileList : Array\<File\>)|Function|-|-
|
43 | |onError|上传失败函数;接收参数:(err : Error, res:result, file : File, fileList : Array\<File\>)|Function|-|-
|
44 |
|
45 | </div>
|
46 |
|
47 |
|