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 | 否 | '' |
+ 参数
dirUploadInfo input上传文件夹配置 默认不启动
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
| -------------- | --------------- | -------- |----------|----------------- |
| 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 |