Question
Cognizant Technology Solutions
GB
Last activity: 22 Sep 2023 3:52 EDT
How to show Progress Bar on File Upload?
We have a requirement to upload Large Files (files greater than 100MB but less than 1GB) and it takes several seconds to upload. During this time, we want to keep user informed about the progress of upload.
OOTB controls (pzMultiFilePath and pzMultiDragDropControlStandard) do not provide an option to show progress bar. Both these OOTB controls are present in Pega-EndUserUI:08-08-02
We have gone through the code given in below links BUT it does not work on our Pega Cloud instance using Pega v8.8.2. We have checked with another team and they confirmed that its not working for them as well.
https://support.pega.com/question/how-show-progress-bar-while-uploading-attachment-file-server
https://support.pega.com/discussion/how-show-progress-bar-while-files-are-being-uploaded
We are able to see progress bar BUT once file upload is 100% complete, it doesn't show the section to select File Category. Please see attached PDF for screenshots.
For Example, if we upload multiple files, we are receiving Forbidden Request (403) for one BUT success (200) for others. Also, its forcing user logout.
NOTE: Its not the same file every time that fails.
We tried to debug it but couldn’t get to a fix yet.
We have a requirement to upload Large Files (files greater than 100MB but less than 1GB) and it takes several seconds to upload. During this time, we want to keep user informed about the progress of upload.
OOTB controls (pzMultiFilePath and pzMultiDragDropControlStandard) do not provide an option to show progress bar. Both these OOTB controls are present in Pega-EndUserUI:08-08-02
We have gone through the code given in below links BUT it does not work on our Pega Cloud instance using Pega v8.8.2. We have checked with another team and they confirmed that its not working for them as well.
https://support.pega.com/question/how-show-progress-bar-while-uploading-attachment-file-server
https://support.pega.com/discussion/how-show-progress-bar-while-files-are-being-uploaded
We are able to see progress bar BUT once file upload is 100% complete, it doesn't show the section to select File Category. Please see attached PDF for screenshots.
For Example, if we upload multiple files, we are receiving Forbidden Request (403) for one BUT success (200) for others. Also, its forcing user logout.
NOTE: Its not the same file every time that fails.
We tried to debug it but couldn’t get to a fix yet.
- Within Application’s Content Security Policy, it is selected as Report only
- pyBlockUnregisteredRequests WHEN Rule is updated to return false always
- OOTB pzDragDropMultiFileUpload has Allow invocation from browser as true
- Getting the same error even when performing the action with user having Administrator role
***Edited by Moderator Marije to add Capability tags***
Accepted Solution
Updated: 22 Sep 2023 3:52 EDT
Cognizant Technology Solutions
GB
We are able to get this to work by setting below Request Header values between open and send. Once I add these values, I'm no longer getting Forbidden Error (403) and file upload with progress bar is working fine.
xmlhttp.open("POST", oSafeURL.toURL(),true);
xmlhttp.setRequestHeader('X-Requested-With','XMLHttpRequest');
xmlhttp.setRequestHeader("pzCTkn", pega.ctx.activeCSRFToken);
xmlhttp.setRequestHeader("pzBFP", pega.d.browserFingerprint);
xmlhttp.send(formData);