@xme-react/web-upload
0.2.7 • Public • Published
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 |
Readme
Keywords
nonePackage Sidebar
Install
npm i @xme-react/web-upload
Weekly Downloads