49
Views
6
Comments
[Reactive Multiple File Upload] Any way to implement a progress bar with this component?
multiple-file-upload-reactive
Reactive icon
Forge asset by José Pedro Proença
Application Type
Reactive

Hello!

I need a progress bar, showing upload progress for either each file separately or at least one progress bar for all files. Is there a way to implement this functionality with this component? 

2022-06-20 10-22-18
Nabeel Khan

Hello Anuar,

Yes, there is a way to implement progress bar under reactive-multiple-file-upload.

First, you need to install that forge component to your environment, then open that application and go to MultipleFileUploadReactive_CW module, then go to MultipleFileUpload block in FileUploadWithTemporaryTable screen, there is a Widgets\LoadingAnimation replace that with progress bar and add the logic.

Best Regards,

Nabeel Khan.

2024-11-26 02-48-53
oshima kosuke

Hi Nabeel

I am implement like what you said . but i can not get the max number of files when uploading  file ( i only can get that after all files uploaded). could you help me.

Best Regards,

Oshima Kosuke.

2024-02-16 07-43-18
Amit Verma

Hi @oshima kosuke ,

Please find below screen shot in Reactive Multiple File Upload component


Highlighted input you can get max number of files that has been uploaded by the user.

Check this Demo

Hope this will help you :) 

Thanks,

Amit

2024-11-26 02-48-53
oshima kosuke

Hi Amit,

Thank you for your answer . 

I want to get total number of upload files before all files has been uploaded . 
for example i drop and drag 5 files to upload. when first file uploaded i want progress bar to show 20% . and the second to show 40%. How to do this ? 

Best Regards,

Oshima Kosuke.

2024-11-26 02-48-53
oshima kosuke
2024-11-26 02-48-53
oshima kosuke

i custimzed the event OnUploadStart by add inputparameter FileUploadId.

then in the parent screen add javaecript[

var fileUpload = document.getElementById($parameters.FileUploadId);$parameters.FilesCount = fileUpload.files.length;] to get the total number of uploadfile.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.