Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

155
Views
is it possible did not show the upload file list when upload complete when using antd upload

I am using antd 3.x to upload an xlsx file, this is my code:

<Upload {...props} >
    <Button type="primary" shape="round">Import Data</Button>
</Upload>

and this is the props:

   const props = {
      beforeUpload: file => {
        console.log(file.type)
        const isXls = (file.type === 'application/vnd.ms-excel') || (file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
        if (!isXls) {
          message.error('only support Excel');
          return false;
        }
        const isLt2M = file.size / 1024 / 1024 < 2;
        if (!isLt2M) {
          message.error('need less than 2MB!');
          return false;
        }
        return isXls ? true : Upload.LIST_IGNORE;
      },
      name: 'file',
      fileList:[],
      action: 'https://api.example.com/zhuolian/punish/import',
      headers: {
        authorization: JSON.parse(localStorage.getItem('User')).token,
      },
      onChange(info) {
        if (info.file.status !== 'uploading') {
          console.log(info.file, info.fileList);
        }
        if (info.file.status === 'done') {
          if(info.file.response&&info.file.response.resultCode === "200"){
            message.success(`${info.file.name} success`);
            that.handleSearchInfo();
          }else{
            message.error(info.file.response.msg);
          }
        } else if (info.file.status === 'error') {
          message.error(`${info.file.name} failed.`);
        }
      },
    };

what I have tried to define a zero size fileList array int he props, it would not show the file on the UI, but also cause another problem is that the upload could not trigger the upload complete done event. I also tried to clear the fileList in the onChanged events, it also do not work. Is it possible to close the upload file list show when using antd upload component?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!