[new feature] Uploader: add default style & upload-text prop

This commit is contained in:
陈嘉涵
2019-05-27 20:50:40 +08:00
parent d2a6a692c5
commit c0e2ce200e
8 changed files with 92 additions and 83 deletions
+12 -23
View File
@@ -13,9 +13,7 @@ Vue.use(Uploader);
### 基础用法
```html
<van-uploader :after-read="onRead">
<van-icon name="photograph" />
</van-uploader>
<van-uploader :after-read="onRead" />
```
```javascript
@@ -28,24 +26,14 @@ export default {
};
```
### 标识名称
### 自定义上传样式
```html
<van-uploader name="uploader" :after-read="onRead">
<van-icon name="photograph" />
<van-uploader :after-read="onRead">
<van-button icon="photo" type="primary">上传图片</van-button>
</van-uploader>
```
```javascript
export default {
methods: {
onRead(file, detail) {
this.$toast(detail.name);
}
}
};
```
## API
### Props
@@ -53,14 +41,15 @@ export default {
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| name | 标识符,可以在回调函数的第二项参数中获取 | `String` | - | 1.6.13 |
| result-type | 文件读取结果类型,可选值为 `text` | `String` | `dataUrl` | - |
| accept | 接受的文件类型 | `String` | `image/*` | - |
| disabled | 是否禁用图片上传 | `Boolean` | `false` | - |
| multiple | 是否开启图片多选,部分安卓机型不支持 | `Boolean` | `false` | 2.0.0 |
| capture | 捕获模式,可选值为`camera`(直接调起摄像头) | `String` | - | 2.0.0 |
| before-read | 读取前的回调函数,返回 false 可终止文件读取 | `Function` | - | - |
| after-read | 读取完成后的回调函数 | `Function` | - | - |
| max-size | 文件大小限制,单位为 byte | `Number` | - | - |
| disabled | 是否禁用图片上传 | `Boolean` | `false` | - |
| capture | 图片选取模式,可选值为`camera`(直接调起摄像头) | `String` | - | 2.0.0 |
| before-read | 文件读取前的回调函数,返回`false`可终止文件读取 | `Function` | - | - |
| after-read | 文件读取完成后的回调函数 | `Function` | - | - |
| max-size | 文件大小限制,单位为`byte` | `Number` | - | - |
| result-type | 文件读取结果类型,可选值为`text` | `String` | `dataUrl` | - |
| upload-text | 上传区域文字提示 | `String` | - | 2.0.0 |
### Events
@@ -72,7 +61,7 @@ export default {
| 名称 | 说明 |
|------|------|
| default | 自定义 uploader 内容 |
| default | 自定义上传区域 |
### before-read、after-read 回调参数