How to show progress bar while uploading attachment file to Server?
I am using a OOTB attachment control for uploading files to server.
When you click the attachment button, it pops up a window let you drag&drop or select files to upload.
There is a problem that after user drag&drop or select a file , the system starts to upload process immediately,
but the attachment pop-up window remain unchanged until the uploading file process completed.
so user will confused about if the process has been started or yet, because there is no message like [ file is uploading...] , UI is just remain the same.
I am trying to show a progress bar after user selected a file to upload, If anyone who has experience on this, could you give some advice how to develop it?
( I found there is an OOTB control , pzProgressBar, maybe I can use this.)
Accepted Solution
Updated: 29 May 2020 17:06 EDT
Pegasystems Inc.
JP
For showing the attachment progress bar, I customized the attachment control javascript.
pzMultiDragDropControlStandard(this is for Drag&Drop) and pzMultiPath (this is for file select.)
// this is the original code for asyncRequest.
//pega.u.d.asyncRequest("POST", sUrl, {success:refreshFileListSection,failure:refreshFileListSection}, formData);
I replaced this by using customized dynamic call and added an eventListener for progress bar as below
xmlhttp.upload.addEventListener("progress",function(evt) { progressHandlerDragDrop(evt,i,files[i].name);}, false);
In the functionHandleDragDrop() , the current progress value(percentage value) get updated.
Customer Value Partners Inc
US
Hi Liang,
We are looking for similar implementation, Could you please help us with the code screen shots.. we got stuck at
"I replaced this by using customized dynamic call"
Thanks in advance,
Gowtham.
Cognizant Technology Solutions Pvt Ltd
US
@liang Could you please share the code snippet. Did you save the attachment control javascript for pzMultiDragDropControlStandard in your application ruleset to make the modification ?
Areteans Technology
NZ
@YiLiangD - Is it possible for you to share the control code what you have updated. I am also looking for the same kind of requirement to be included in the application.
Thanks
Utkarsh