@xme-react/web-upload

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