首页 > 其他 > 详细

antd Upload的使用

时间:2020-08-03 18:29:50      阅读:200      评论:0      收藏:0      [点我收藏+]
  //导入模版
  handleUploadFile = info => {
    const { status, response } = info.file;
    const { pageIndex, pageSize, queryValue } = this.state
    if ( status === ‘done‘ ) {
      defaultHandleResponse( response, () => {
        message.success(formatMessage({ id: ‘COMMON_IMPORT_SUCCESS‘, defaultMessage: ‘导入成功‘ }));
        this.getQuery( queryValue, pageIndex, pageSize)
      });
    }
    this.setState({ uploadFileLoading: status === ‘uploading‘ });
  };

//////////////////////////////////////////////////////////////////////////////////
          {/* 模版导入 */}
          <Upload
            name="file"
            action={"smartsafe/DatColWhiteListController/uploadTemplate"}
            headers={{ ‘signature-sessionId‘: window.name }}
            accept=".csv"
            showUploadList={false}
            onChange={this.handleUploadFile}
            beforeUpload={() => {
              this.setState({ uploadFileLoading: true });
            }}
          >
          <Button type="default" className={styles.buttonUpload }>
           <MyIcon type="iconxiazai1x" />
            {formatMessage({ id: ‘import.by.template‘, defaultMessage: ‘模板导入‘ })}
          </Button>
          </Upload>

  

antd Upload的使用

原文:https://www.cnblogs.com/lipu12281/p/13427533.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!