FileUpload : Image Upload Error: Previous Image Not Clearing After Upload Failure

[MuzammilAsghar0987]

Describe the bug

When clicking on the upload button and encountering an upload error, the previous image remains in the data-pc-section="content" field even after multiple failed attempts. Before the upload, the image selection works fine. However, after an error occurs during the upload process, selecting a new image shows both the previous and the new image. This issue persists across multiple attempts.
Note : multiple prop is false.

Reproducer

https://stackblitz.com/edit/vitejs-vite-j6olr6ee?file=src%2FApp.tsx

System Information

System:
    OS: Windows 10 10.0.17763
    CPU: (6) x64 Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz
    Memory: 8.41 GB / 15.94 GB
  Binaries:
    Node: 20.18.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.21.1 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.17763.1.0)
    Internet Explorer: 11.0.17763.592
  npmPackages:
    primereact: ^10.9.1 => 10.9.2
    react: ^19.0.0 => 19.0.0
    tailwindcss: ^3.4.17 => 3.4.17

Steps to reproduce the behavior

1. Select an image to upload.
2. Encounter an upload error.
3. Select a new image for upload.
4. Both the previous and the new images are displayed.

Expected behavior

The previous image should be cleared from data-pc-section="content" after each failed upload, ensuring only the newly selected image is displayed.

[github-actions]

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[MuzammilAsghar0987]

I have forked the project on Stackblitz and created a case to demonstrate the bug as requested. You can view the demonstration. I have included all relevant steps and information to help replicate the issue.

…

On Thu, Feb 27, 2025 at 5:01 PM github-actions[bot] < ***@***.***> wrote: Please fork the Stackblitz project <https://stackblitz.com/edit/vitejs-vite-daiajq?file=src%2FApp.tsx> and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days. — Reply to this email directly, view it on GitHub <#7740 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BDJS5YMTMVSL6ASZHUHRIVT2R35BFAVCNFSM6AAAAABX7QSSBOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBXG42TAOBRGE> . You are receiving this because you authored the thread.Message ID: ***@***.***> [image: github-actions[bot]]*github-actions[bot]* left a comment (primefaces/primereact#7740) <#7740 (comment)> Please fork the Stackblitz project <https://stackblitz.com/edit/vitejs-vite-daiajq?file=src%2FApp.tsx> and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days. — Reply to this email directly, view it on GitHub <#7740 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BDJS5YMTMVSL6ASZHUHRIVT2R35BFAVCNFSM6AAAAABX7QSSBOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBXG42TAOBRGE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[melloware]

@MuzammilAsghar0987 i think you forgot your StackBlitz link?

See your first post Reproducer section is blank?

[MuzammilAsghar0987]

@melloware here is the link

https://stackblitz.com/edit/vitejs-vite-j6olr6ee?file=src%2FApp.tsx

[melloware]

Thanks switched it to Bug