@aximario/react-upload NPM

React 上传组件

这个组件没有做任何事情，只是自带简单的样式，样式还是抄的 Ant Design 的 Upload 组件样式，因此使用起来也简单，没有 Ant Design 那么复杂。纯受控组件，适用于不想关心样式的中后台开发人群，比方说我。上传细节和业务处理逻辑全靠自己写。

npm i @aximario/react-upload -S

参数	说明	类型	默认值
accept	接受上传的文件类型, 详见 input accept Attribute	string	无
type	上传按钮的样式 - 'default', 'primary'	string	'default'
text	按钮文字	string	'点击上传'
multiple	是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件。	boolean	false
disabled	是否禁用	boolean	false
ghost	是否是用 ghost 按钮样式	boolean	false
style	覆盖行内样式	React.CSSProperties	无
onChange	当选择上传文件时的回调	Function(FileList)	{}

选择文件，取消选择都会触发这个回调

// files 是原生的 FileList 对象
onChange(files) {
  if (files.length) {
    // 说明选择了文件
  } else {
    // 说明取消了选择
  }
}

FileList 对象

7 years ago