0
点赞
收藏
分享

微信扫一扫

react+ant上传文件

RockYoungTalk 2022-03-12 阅读 45
import { Drawer,Button,Upload,message, DatePicker,Divider,Input, Form, Row, Select,Icon} from 'antd';
import {uploadProps} from '@/utils/initDataPage';
 

renderLeftButton = () => {
  return <Upload {...this.getExcelURL()} showUploadList={false} >
            <Button type="default">
              <Icon type="login" /> 导入Excel
            </Button>
          </Upload>
};
getExcelURL = () => {
  const uploadProp = uploadProps({action: '接口URL',
  accept: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",listType: "file",data:{参数}});
  const props = {
    ...uploadProp,
    onChange: (info) => {
      if (info.file.status  == 'done') {
        if(info.file.response.code == 200){
          message.success('导入成功!');
        }else{
          message.error(`${info.file.response.msg}`);
        }
      } else if (info.file.status === 'error') {
        // message.error('导入失败!');
        message.error(`${info.file.response.msg}`);
      }
    },
  };
  return props;
}
举报

相关推荐

0 条评论