How can I add a file upload in the form?

  • ipbr21054
    Asked on May 20, 2016 at 5:32 AM

    Hi,

     

    Here is my form 60705884010349

    I would like to add file upload to form 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

  • Welvin Support Team Lead
    Replied on May 20, 2016 at 7: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. 

  • ipbr21054
    Replied on May 20, 2016 at 9: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.

    How can I add a file upload in the form? Image 1 Screenshot 20

     

  • Charlie
    Replied 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".

    How can I add a file upload in the form? Image 1 Screenshot 40

    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;

    }

     

    How can I add a file upload in the form? Image 2 Screenshot 51

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

    How can I add a file upload in the form? Image 3 Screenshot 62

     

    Let us know if you need more help on this.

  • ipbr21054
    Replied on May 20, 2016 at 1: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

    How can I add a file upload in the form? Image 1 Screenshot 20

     

     

  • Charlie
    Replied on May 20, 2016 at 1:40 PM

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

    Like this:

    How can I add a file upload in the form? Image 1 Screenshot 40

    This is how it looks like:

    How can I add a file upload in the form? Image 2 Screenshot 51

     

    How can I add a file upload in the form? Image 3 Screenshot 62

     

    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.

  • David JotForm Support
    Replied on May 20, 2016 at 2: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.

  • ipbr21054
    Replied on May 20, 2016 at 2:34 PM

    This worked fine.

     

    Thanks