I have a form that has several file upload fields. How can I make it so that there is a progress bar for concurrent uploads?

Thanks!

Comments

Heihachi88’s picture

Heihachi88 CreditAttribution: Heihachi88 commented

Have the same issues with 7.x-2.3 and 7.x-2.x-dev

b3nji’s picture

b3nji CreditAttribution: b3nji commented

@Perusio, would you be able to kindly help with this? Thank you.

b3nji’s picture

b3nji CreditAttribution: b3nji commented

Upon further investigation, the upload progress bar is there for additional fields but just not visible. Whereas the first progress bar element is set to "display:inline" when the upload button is clicked, this does not appear to be done with subsequent uploads.

My workaround is to set the following in css:

.form-managed-file div.ajax-progress-bar {
display:inline;
}

b3nji’s picture

b3nji CreditAttribution: b3nji commented

OK the progress bars are visible for multiple fields BUT there is a bug. The progress bar for subsequent uploads is showing the TOTAL size of all concurrent uploads.

E.g.
File upload 1: Size is 50 MB. Progress bar shows correctly "Uploading % of 50MB"
File upload 2: Size is 25 MB. Progress bar shows "Uploading % of 75MB"

Any ideas on this?

b3nji’s picture

b3nji CreditAttribution: b3nji commented
Category: Support request » Bug report
MustangGB’s picture

MustangGB CreditAttribution: MustangGB commented
Status: Active » Postponed (maintainer needs more info)

I can't reproduce this issue, although I do have the #1220826-5: Not working when multiple values is allowed for file field patch applied, maybe this will solve your problem.