How to Upload Multiple Files to a Server Using a Single Progress Bar and Save the List of File Details to a Database

Using Blazor Server App
1.HTML Form: Create a form to select multiple files( example more than 500 PDF files) external submit button

2.Handle file uploads and update the single progress bar with percentage indicator for multiple files

3.Server Side:collect the list of file and Process the files and save details to the database.

4. with high performance


2 Replies

PN Padmanaban Natarajan May 6, 2025 10:53 AM UTC

Any Update?



PK Priyanka Karthikeyan Syncfusion Team May 7, 2025 03:06 PM UTC

Hi Padmanaban Natarajan,

We would like to kindly inform you that when using the Uploader component inside an EditForm, there are a few important configuration considerations to ensure proper functionality:

  • The AsyncSettings property should be set to null.
  • The AutoUpload property must be set to false.
  • The UploadAsync method should be called manually during the form’s submit action.

This is the expected and default behavior when the Uploader is used within a form. You can manage file uploads by calling the UploadAsync method explicitly and handle any post-upload logic within the Change event.

For further guidance, please refer to the documentation below:
📄 File Validation Within EditForm – Syncfusion Blazor Uploader

Additionally, the progress bar is displayed by default for each file to accurately reflect individual upload progress.

Regarding batch uploads, we would like to share that we have already logged a feature request:
“Provide support for batch upload in the Blazor Uploader component.”
This feature is under consideration and will be included in one of our upcoming releases based on user demand and priority.

You can track the status and updates on this request through the following feedback link:
🔗 Feedback Portal – Batch Upload Support

We kindly encourage you to cast your vote to help prioritize this feature. If you have any additional requirements or suggestions, please feel free to share them in the comments section of the portal.

Thank you for your continued support.


Regards,

Priyanka K


Loader.
Up arrow icon