Skip to content

[BUG] Upload component toggle visible file item blob ERR_FILE_NOT_FOUND #3122

@xiaokaike

Description

@xiaokaike

Is there an existing issue for this?

  • I have searched the existing issues

Which Component

Area.2026-01-27.15.43.11.mp4

Semi Version

^2.90.13

Current Behavior

demo link: https://semi-upload-bug.vercel.app/

import { useState } from 'react';
import { Button, Upload } from '@douyinfe/semi-ui';

function App() {
  const [fileList, setFileList] = useState([]);
  const [visible, setVisible] = useState(true);

  return (
    <>
      <Button onClick={() => setVisible(!visible)}>
        Toggle Upload Visible
      </Button>
      {visible && (
        <Upload
          action="https://www.semi.design/semi-ui/react/en/components/upload"
          fileList={fileList}
          onChange={({ fileList }) => setFileList(fileList)}
          multiple={true}
          showUploadList
        >
          <Button>Upload</Button>
        </Upload>
      )}
    </>
  );
}

export default App;

Expected Behavior

fileList blob normal

Steps To Reproduce

No response

ReproducibleCode

import { useState } from 'react';
import { Button, Upload } from '@douyinfe/semi-ui';

function App() {
  const [fileList, setFileList] = useState([]);
  const [visible, setVisible] = useState(true);

  return (
    <>
      <Button onClick={() => setVisible(!visible)}>
        Toggle Upload Visible
      </Button>
      {visible && (
        <Upload
          action="https://www.semi.design/semi-ui/react/en/components/upload"
          fileList={fileList}
          onChange={({ fileList }) => setFileList(fileList)}
          multiple={true}
          showUploadList
        >
          <Button>Upload</Button>
        </Upload>
      )}
    </>
  );
}

export default App;

Environment

- OS:all
- browser: all

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions