Separate delete button for each uploaded file

I'm using UploaderComponent in React, below is my code.  I use the property "files" to bind attachments already uploaded on the server. The problem is that there is only one, "aggregated" delete button for all files (e.g. one button to delete all 10 attachments), the user cannot delete a single attachment. Is there any way to achieve separate delete buttons per file? 

<UploaderComponent name={item.id}

            files = {uploadedFiles}
            ref={uploaderRef}
            multiple={true}
            autoUpload={false}
            maxFileSize={250000000}
            directoryUpload={false}/>



3 Replies

KP Kokila Poovendran Syncfusion Team May 27, 2024 02:02 PM UTC

Hi,


Thank you for reaching out to us with your query.


After validating your requirement, we understand that you are encountering an issue with the behavior of the UploaderComponent in React. Specifically, you are looking to have separate delete buttons for each uploaded file, but currently, there is only one aggregated delete button for all files.


We'd like to clarify that this behavior is not a bug but rather the default functionality of our uploader component. When the uploader is embedded within a form without the async setting, the preloaded file 'li' will display as a single aggregated button, similar to native file uploaders.


However, we understand the importance of having the ability to delete individual files and have logged this request as a feature enhancement. The request is titled "Uploader inside the form with preloaded files li is not displayed properly." We will prioritize this feature in our upcoming releases based on demand.


You can track the status of this request through the following feedback link:


Feedback Link:https://www.syncfusion.com/feedback/52239/uploader-inside-the-form-with-preloaded-files-li-is-not-displayed-properly


If you have any further specifications or suggestions for this feature request, please feel free to add them as comments in the portal. Your input and votes are valuable in helping us prioritize and implement features that best meet your needs.


Thank you for your understanding and patience as we work to enhance our components.



MA Marek June 3, 2024 10:16 AM UTC

Hi Kokila,
Ok, I see that it's standard behaviour, but ss there any hack/workaround for it? Some custom button? 

It's hard to believe it was designed this way from the beginning because it's not user-friendly.



PK Priyanka Karthikeyan Syncfusion Team June 5, 2024 02:12 PM UTC

Hi Marek,

 

We understand the importance of your requirement. Currently, we're encountering complexities in achieving this feature at a sample level. As previously mentioned, we'll be evaluating the "Uploader inside the form with preloaded files li is not displayed properly" feature and incorporating it into a future release based on customer demand and priority.

 

We'll keep you informed once the roadmap is finalized. You can monitor the feature's progress and status through the feedback link provided below:

 

Feedback Link:https://www.syncfusion.com/feedback/52239/uploader-inside-the-form-with-preloaded-files-li-is-not-displayed-properly


We encourage you to upvote this feature to prioritize it in our development pipeline. Our team continuously assesses user demands to determine feature priorities for each release.


Thank you for your understanding and patience as we strive to enhance our components.


Regards,

Priyanka K

 


Loader.
Up arrow icon