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.


  • Profile Image

    How can I add a file upload in the form?

    Asked by ipbr21054 on May 20, 2016 at 05:32 AM

    Hi,

     

    Here is my form 60705884010349

    I would like to add an upload button etc where the customer can also send a photo along with the form.

     

    Please advise how i would add this.

     

    Questions.

    1, Should there be a size limit on what the picture should be ?

    2, Should there be a basic capatcha in place so i get no spam ?

     

    Thanks

    file upload file size limit
  • Profile Image
    JotForm Support

    Answered by Welvin on May 20, 2016 at 07:53 AM

    Here's our guide on how you can create an upload form: https://www.jotform.com/help/332-How-to-Create-Upload-Forms

    For changing the file size, please review this guide: https://www.jotform.com/help/33-Changing-the-Upload-Size-Limit

    For file types, this guide should help: https://www.jotform.com/help/29-Upload-Field-Allowed-File-Types.

     

    As for the captcha field, I would suggest adding this to your form if in case you'll get some spam submissions. 

    Let us know if you have any further questions. 

  • Profile Image

    Answered by ipbr21054 on May 20, 2016 at 09:04 AM

    Hi,

    All done thank.

    Please can you make the UPLOAD A FILE box ceter to the form.

    As shown by my green example below.

    I can then dit my other forms.

    PLEASE SHOWN ME CODE THAT YOU USED & WHERE YOU MADE THE EDIT.

     

  • Profile Image
    JotForm Support

    Answered by Charlie on May 20, 2016 at 10:30 AM

    First, enable the "Allow Multiple" option in your file upload field. I presume you want it to look like in the screenshot you have:

    1. In your form builder, set the "Allow Multiple" option "ON".

    2. In your Form Designer Tool, navigate to your CSS tab and paste this custom CSS code:

    #cid_23 {

        margin : auto !important;

        width : 60% !important;

    }

    #cid_23 > div {

        margin : auto !important;

    }

     

    3. This is how it looks like after those changes:

     

    Let us know if you need more help on this.

  • Profile Image

    Answered by ipbr21054 on May 20, 2016 at 01:22 PM

    Perfect thanks.

    Looks much better.

    There is 1 more question please regarding how it looks on the iphone.

    How can it be possible for the text to be on 2 lines like example below.

    Text centered to form "i like it centered as it looks neat"

    Please also show me the code and where you made the edit,so i can do the other forms.

    Thanks

     

     

  • Profile Image
    JotForm Support

    Answered by Charlie on May 20, 2016 at 01:40 PM

    You can try adding a <br> tag in the text label of your file upload field.

    Like this:

    This is how it looks like:

     

     

    Note: If you are adding HTML elements directly in the label, they will be stripped once you edit the label again. 

    Let us know if that works.

  • Profile Image
    JotForm Support

    Answered by david on May 20, 2016 at 02:31 PM

    It looks like your most recent reply may not have gone through to our forum.  I checked our emails logs and did not find anything there either.  If you have further questions, let us know and we will be happy to help.

  • Profile Image

    Answered by ipbr21054 on May 20, 2016 at 02:34 PM

    This worked fine.

     

    Thanks