•  


upload?件上?失?后hover出??常代? · Issue #11220 · ant-design/ant-design-pro · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

upload?件上?失?后hover出??常代? #11220

Open
AZCodingAccount opened this issue Apr 27, 2024 · 0 comments
Open

upload?件上?失?后hover出??常代? #11220

AZCodingAccount opened this issue Apr 27, 2024 · 0 comments

Comments

@AZCodingAccount
Copy link

AZCodingAccount commented Apr 27, 2024

?? bug 描述

上?失?后手??置上?失?的status后,hover的??出?代?
image

image

?? ??步? | Recurrence steps

upload?件代?

     <
Upload

            listType
=
"picture-card"

            maxCount
=
{
1
}

            fileList
=
{
fileList
}

            onPreview
=
{
handlePreview
}

            onChange
=
{
handleChange
}

          >

            {
fileList
.
length
 !==
 1
 &&
 uploadButton
}

          <
/
Upload
>

tsx文件handleChange代?

  const [fileList, setFileList] = useState<UploadFile[]>([]);

  const handleChange: UploadProps['onChange'] = async (info) => {
    setFileList(info.fileList);
    if (info.file.status === 'uploading') {
      return;
    }
    if (info.file.status === 'done') {
      const formData = new FormData();
      formData.append('file', info.file.originFileObj as File);
      try {
        const res = await upload(formData);
        console.log(res);

        if (res.code === 1) {
          message.success('上?成功');
          setImageUrl(res.data);
        } else {
          // ?置上?失?的??
          // ?步更新???片
          setFileList((prevFileList) => [
            {
              ...prevFileList[0],
              status: 'error', // 上???
            },
          ]);
        }
      } catch (error) {
        // ?步更新???片
        setFileList((prevFileList) => [
          {
            ...prevFileList[0],
            status: 'error', // 上???
          },
        ]);
      } 
    }
  };

?? 期望?果 | Expected results

hover后出???效果,不??是一串html代?

ⓒ 版本信息

  • Ant Design Pro 版本: [6.0.0]
  • umi 版本
  • ??器?境
  • ???境 [Windows]
Sign up for free to join this conversation on GitHub . Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본