antd Upload使用

<Upload 
    // 上传地址
    action="/basic-config-manage/basic/exportAndImport/processFlow/import"
    // 发到后台的文件参数名,默认就是file
    name='file'
    // 请求头,一般会加鉴权信息
    headers={{
        Authorization: localStorage.getItem('token') || null
    }}
    // 是否显示文件列表,默认显示
    showUploadList={false}
    // 上传文件改变时的状态,一般用来判断是否上传成功
    onChange={this.upLoad}
>
    <Button>导入</Button>
</Upload>

file.status表示上传状态
file.response保存了上传成功后,后端返回的信息,比如code = 1时,上传文件有问题

upLoad = ({ file }) => {
    if (file.status == 'done') {
      // file.respone中保存
      if (file.response.code == 1) {
        message.error(file.response.msg)
      }
      else {
        message.success('导入成功');
        this.store.getTableList();
      }
    }
    else if (file.status == 'error') {
        message.error('导入失败');
    }
  }; 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值