What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
File upload progress indicationAsked by emilevdende on October 02, 2013 at 08:43 AM
I have built a couple of forms with a file upload component of which the source I host on my own environment.
The forms are mostly used on an iPad using Safari, which automatically converts the file upload component to a 'take picture/select from album' feature, perfect for my case!
Since the camera quality of the iPads keeps getting better and better, the file size of the taken photo keeps getting bigger as well. Sometimes over 1 MB.
Specifically using shared Wifi connections, submitting a form with a photo attached to it, can take some time to complete. In some cases 20 seconds, depending on the upload capacity obviously.
The time to submit the form is acceptable (I can't influence it anyway), but it would be nice to show my clients a progress bar of some kind so that they know in what state the submission is. A simple spinner is not enough, ideally, it shows me a % of upload done.
Can you share your thoughts on how I can achieve this? Possibly with a piece of custom JS?
Thanks a lot in advance!
Thank you for contacting us.
When the Upload tool is set to Allow Multiple mode, we do show a little progress bar with upload %.
Here is a test from my Android phone:
Alternatively, you can try an Ink-Filepicker Tool, it comes with the progress bar and cloud based upload features.
Please feel free to contact us if you need any further assistance. We will be happy to help.
Thanks for taking the time to take a look at my thread.
The downside of the multiple file option (although the progress indication is perfect) is that using this in Safari mobile, it does not give you the option to take a picture instantly. You only have the option to select one from your album. The good thing about the "multiple file" way is that it uploads the file immediately after selection versus on submit with the single file upload.
"markashton" described it pretty spot on in this thread:
I have connected my form to Google Drive as well, so that the files end up there. I think that I cannot do that with Ink-Filepicker.
Is there a way to keep the feature of taking pictures instantly (ideally uploaded directly after selection/confirmation) but showing a progress indication? Maybe with a piece of JS? If so, could you point me in the right direction?
And again, I do not specifically need a progress bar, a relative indication of some kind is good enough.
I think that the serverside code should be updated to show the progress bar for single uploads. I have added a ticket to this thread, but I can not promise anything.
The Multiple Upload tool is not showing the 'take a picture' dialog since Apple decided to not show it for HTML5 file input fields that use the multiple parameter. This is not a bug from our side. Also, this is working fine on the fresh Android devices.
Ink-Filepicker will not upload the files to your Google Drive, but it can upload to your personal Amazon S3 account. However, I think that the Google Drive integration will work for submission PDFs.
We will update this thread if we get any news.
Thanks for adding a ticket for this request!
You will get an update once there is an available news about the said request but if you have any questions feel free to post a ticket.
I turned on multiple uploads but I'm not getting a progres bar. Any suggestions?
Please post your question to a separate thread and provide more details like the form URL or website URL where the form is embedded so we can investigate the issue and provide answers on your own thread.