1.0.3 • Published 5 years ago
zhurong_uploader v1.0.3
zhurong-uploader-component
基于vux风格的自定义上传组件
更新日志
##v 1.0.2 兼容IOS 10 ##v 1.0.1 添加header属性，支持自定义header
Props
| property | type | default | description |
|---|---|---|---|
| title | String | '图片上传' | 组件标题 |
| files | Array | [] | 初始化数据源，通过on-fileList-change事件绑定v-model |
| limit | Number | String | 5 | 限制上传图片个数 |
| capture | Number | String | false | 是否只选择调用相机 |
| enableCompress | Boolean | true | 是否压缩 |
| maxWidth | String | Number | 1024 | 图片压缩最大宽度 |
| quality | String | Number | 0.92 | 图片压缩率 |
| url | String | - | 上传服务器url |
| params | Object | - | 上传文件时携带的自定义参数 |
| name | String | 'file' | 上传文件时FormData的Key，默认为file |
| autoUpload | Boolean | true | 是否自动开启上传 |
| multiple | String | Boolean | "" | 是否支持多选, false为不支持 |
| readonly | Boolean | false | 只读模式（隐藏添加和删除按钮） |
Events
| event | param | description |
|---|---|---|
on-change | (FileItem, FileList) | 选完照片，删除照片时，FileList变化时触发，返回当前改变的FileItem，以及当前的FileList |
on-cancel | () | 选择照片后取消的回调，用于错误提示 |
on-success | (result, fileItem) | 上传请求成功后的回调，返回远程请求的返回结果，及当前添加文件的FileItem |
on-error | (xhr) | 上传请求失败后的回调，返回xhr |
on-delete | (index) | 删除照片时的回调,返回删除图片index |