File upload progress indication

  • Profile Image
    Asked 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?

    Example form:


    Thanks a lot in advance!


  • Profile Image
    Answered on October 02, 2013 at 02:18 PM

    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.

  • Profile Image
    Answered on October 02, 2013 at 02:38 PM

    Hi Mike,


    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.


    Thanks again!


  • Profile Image
    Answered on October 02, 2013 at 05:20 PM

    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.

  • Profile Image
    Answered on October 04, 2013 at 04:12 AM

    Hi Mike,


    Thanks for adding a ticket for this request!




  • Profile Image
    Answered on October 04, 2013 at 06:02 AM

    Hi Emile,

    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.



  • Profile Image
    Answered on March 26, 2014 at 05:38 PM

    Hi Mike-

    I turned on multiple uploads but I'm not getting a progres bar. Any suggestions?



  • Profile Image
    Answered on March 26, 2014 at 06:36 PM


    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.