Example of Chunk Upload in ASP.NET MVC File Upload Control

This ASP.NET MVC File Uploadopens in a new tab example demonstrates the chunk upload functionalities of the Uploader component. Browse or drag-and-drop a large file to upload with pause, resume, and retry options.

Also, configured property panel to change the chunk size dynamically.

DEMO
SOURCE
Chunk Size:

When the file size is large or transfer the file with slow network connection, the chunk upload feature slices the files and upload the sliced chunks to server in sequential order using the chunkSizeopens in a new tab API.

The sample is configured with the following options:

  • While uploading, you can pause the upload and resume it later.
  • If the upload fails, retry option will be enabled.
  • The sample is configured with maximum file size as `100 MB` to upload.

Automatic pause and resume

If the application lost its connection (offline), the upload component pauses the process automatically. After the connection is up (online), the upload component will resume its process.

More information on the Uploader instantiation can be found in this documentation sectionopens in a new tab.

In this example, the backend service used in the saveUrl and removeUrl endpoints for saving and removing files is intended for demonstration purposes only. The uploaded files are subjected to thorough validation, including verification of file names and the application of security checks. Therefore, this service is not recommended for production use, and the configuration of a custom backend save and remove service is advised. Additional implementation details can be found in the saveUrl and removeUrl documentation.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab