Chunked Uploady sending chunk information to server

[downright-development]

Team,

We're looking to better understand how we can send along the chunk information to the server using the ChunkedUploady api.

Things we'd love to know on the server would be like...

total chunks, current chunk (index or offset, etc.), fileName (original name of the file, not the chunk id), etc.

Does anyone have an example or documentation on this op? Greatly appreciated & thank you so much!!

[yoavniran]

Hey @downright-development

Using the Chunk Start event hook should give you all of the information you need.

You can add to the sendOptions headers or params the information you want to add to the chunk request.

(moving to discussions)

[cfrancois7]

I tried to use this approach to complete the header and/or the form with chunk index sent to the backend server.
However, I failed.

The frontend code:

useChunkStartListener((data) => {
    const { chunk, totalCount } = data;

    // Add chunk index and total chunks to the form data
    data.sendOptions.params = {
      ...data.sendOptions.params,
      uuid: uuid,
      chunkIndex: chunk.index,
      totalChunks: totalCount,
    };

    data.sendOptions.headers = {
      ...data.sendOptions.headers,
      uuid: uuid,
      chunkIndex: chunk.index,
      totalChunks: totalCount,
    };
  });
 
 // .....
 
 <ChunkedUploady
      destination={{ url: `${config.backendUrl}/upload` }}
      chunkSize={1024 * 1024}
      chunked={true}
      multiple={false}
      parallel={0}
      sendWithFormData={true}
    >

When I tried to get the form values inside the bakend, it show nothing about the chunk index.

Bakend:

@router.post("/upload")
async def upload_files(
   request: Request,
   file: UploadFile = File(...),
):
  params = await request.form()
  logging.info(f'{params=}')

Did I miss something ?