0.1.2 • Published 3 years ago
vuetify-fileupload v0.1.2
代码展示
<!-- 文件上传 -->
<CFileUpload
accept="image/*"
:limit="5"
:size="10"
multiple
label="点击此处上传文件"
icon="mdi-upload"
:isFilter="false"
:onSuccess="handleSuccess"
:onRemove="handleRemove"
:onPreview="handlePreview"
/>参数详情
上传文件参数
| 参数 | 默认值 | 类型 | 说明 |
|---|---|---|---|
| accept | - | String | 组件可以选择接收你想要的媒体格式/文件类型 查看accept attribute文档来获取更多信息。 |
| action | - | String | 上传的地址 |
| data | - | Object | 上传时附带的额外参数 |
| headers | - | Object | 设置上传的请求头部 |
| isFilter | true | Boolean | multiple 属性为 true 时是否过滤相同文件，默认为过滤 |
| icon | plus | String | icon 图标， 对于所有可用图标的列表, 请访问官方的 Material Design 图标 页面。要使用任何这些图标，只需使用 mdi- 前缀，然后是图标名称 |
| label | 上传文件 | String | 设置输入标签 |
| limit | 3 | Number | 最大允许上传个数 |
| multiple | false | Boolean | 是否支持多选文件 |
| onChange | - | function(file, fileList) | 文件状态改变时的钩子 |
| onSuccess | - | function(res, file, fileList) | 文件上传成功时的钩子 |
| onErrror | - | function(err, file, fileList) | 文件上传失败时的钩子 |
| onRemove | - | function(file, fileList) | multiple 属性为 true 时文件列表移除文件时的钩子 |
| onPreview | - | function(file) | 点击文件列表中已上传的文件时的钩子 |
| size | 5 | Number | 最大允许上传文件大小，单位为 MB |
| width | 350 | Number | 输入框宽度 |