0.2.7 • Published 5 years ago
@xme-react/web-upload v0.2.7
WebUplaod : web端文件上传组件
- 支持单文件
- 支持多文件
- 支持文件夹
- 支持拖拽单文件、多文件、文件夹
export default 导出 WebUpload
export 导出:
- NormalFiles
- DirectoryFiles
- DragFiles
- NormalControl
- CloudControl
- NormalUpload
- CloudUpload
- WebUpload
- utils
WebUpload 组件使用说明
- 基本参数
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
|---|---|---|---|---|
| uploadUrl | 文件上传地址 | string | 是 | /sfs/webUpload/file?fileType=1 |
| autoUpload | 是否自动上传 | boolean | 否 | ture |
| onProgress | 文件上传进度 | function | 否 | noop |
| onSelected | 选中文件(夹)后的回调 | function | 否 | noop |
| onSuccess | 上传完成后的回调 | function | 是 | noop |
| onError | 文件上传失败的回调 | function | 否 | noop |
| normalUploadInfo | 常规input上传配置(详细见下) | object | 否 | {} |
| dropUploadInfo | 拖拽上传配置(详细见下) | object | 否 | {} |
- 参数
normalUploadInfo常规input上传配置(上传单个文件或多个文件) 默认启动
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
|---|---|---|---|---|
| isNeed | 是否需要该input控件 | boolean | 否 | true |
| id | 该input控件的id | string | 否 | _filesUpload_ |
| label | 该input控件的label文案 | string | 否 | 上传文件 |
| icon | 该input控件的icon | string | 否 | shangchuan |
| multiple | 该input控件是否开启多选 | boolean | 否 | false |
| accept | input的accept属性(如'.png, .jpg') | string | 否 | '' |
| onChange | 该input控件onChange对调 | function | 是 | noop |
| wrapCls | 该组件最外层的元素className | string or object | 否 | '' |
| labelCls | 该label元素className | string or object | 否 | '' |
| iconCls | 该组件icon元素的className | string or object | 否 | '' |
- 参数
dirUploadInfoinput上传文件夹配置 默认不启动
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
|---|---|---|---|---|
| isNeed | 是否需要该input控件 | boolean | 否 | false |
| id | 该input控件的id | string | 否 | _directoryUpload_ |
| label | 该input控件的label文案 | string | 否 | 上传文件夹 |
| icon | 该input控件的icon | string | 否 | xinjianwenjianjia |
| onChange | 该input控件onChange对调 | function | 否 | noop |
| wrapCls | 该组件最外层的元素className | string or object | 否 | '' |
| labelCls | 该label元素className | string or object | 否 | '' |
| iconCls | 该组件icon元素的className | string or object | 否 | '' |
- 参数
dropUploadInfo拖拽上传配置 默认不启动
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
|---|---|---|---|---|
| isNeed | 是否开启拖拽上传 | boolean | 否 | false |
| dropZone | 拖拽感应区(querySelector获取) | string | 否 | _directoryUpload_ |
| onDragenter | 拖拽感应区ondragenter回调 | function | 否 | noop |
| onDragover | 拖拽感应区ondragover回调 | function | 否 | noop |
| onDragleave | 拖拽感应区ondragleave回调 | function | 否 | noop |
| onDrop | 拖拽感应区ondrop回调 | function | 否 | noop |
0.2.7
5 years ago