0.0.2 • Published 5 years ago
dfws-react-oss-upload v0.0.2
东方网升 react 版本上传组件
发布
更改package.json版本yarn run buildnpm publish注：镜像源需切换回NPM官方源
链接
示例
yarnyarn start
使用之前
该组件依赖于react,jsonp,ali-oss，使用之前请配置react,jsonp,ali-oss
何时使用
- 需要oss大文件上传。
API
const UploadData = {
url: 'oss',
format: 'jpg,png',
maxSize: '4',
success: this.success,
tipsFun: function (err) {
alert(err.msg)
},
progress: function (uploader, file) {
console.log(uploader.files)
console.log(file.percent)
},
}
<Upload {...UploadData} file={this.state.file}>
<div id="auto-upload">上传文件</div>
</Upload>upload props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| url | 获取oss数据的接口 | string | - |
| success | 上传成功后的回调函数 返回数组 {file:文件信息,url:上传完成后的路径} | function | - |
| tipsFun | 选择文件不符合限制的回调函数 返回 {type:1,msg:'格式错误'} {type:2,msg:'大小错误'} | function | - |
| progress | 上传时的回调函数 返回uploader,file uploader为当前的plupload实例对象，file为触发此事件的文件对象 | function | - |
| isStart | 是否选择完文件后自动上传 | boolean | true |
| maxSize | 文件最大限制 单位M | number | - |
| format | 可选的文件格式 以逗号分割 | string | - |
| file | 文件对象 | File |