0.2.10 • Published 3 years ago
shinemo-web-upload v0.2.10
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 |
0.2.10
3 years ago