Example of Chunk Upload in React Uploader Component


This  React File Upload 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.

More Details...


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  chunkSize API. It will slice the files and upload it in sequential order.

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 section.