dfws-react-oss-upload

东方网升 react 版本上传组件

Usage no npm install needed!

<script type="module">
  import dfwsReactOssUpload from 'https://cdn.skypack.dev/dfws-react-oss-upload';
</script>

README

东方网升 react 版本上传组件

发布

  1. 更改package.json版本
  2. yarn run build
  3. npm publish 注:镜像源需切换回NPM官方源

链接

示例

  • yarn
  • yarn 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

参考文档

ali-oss