Displaying uploaded photo on thank you page

  • Profile Image
    b2dmarketing
    Asked on January 22, 2016 at 04:41 PM

    I am trying to display the photo the user uploaded on the thank you page.

     

    Here is the code I have for the thank you page

     

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="128" /></p>

    <div style="text-align: center;">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    <img src="https://www.jotform.us/uploads/b2dmarketing/60216175609151/{id}/{takeSelfie}" alt="" /></div>

     

     

    However, when I go through the form and get to the thank you page, the code is broken and looks like this.

    (image attached)

  • Profile Image
    b2dmarketing
    Answered on January 22, 2016 at 05:05 PM

    In addition, at the end of the form, I would like there to be a link that says "Share This" and when a user clicks share this, it creates a facebook post using the image they uploaded. How I would do this is as follows. I have used this code generator that generates a long url and when you go to that url it populates the facebook share form with the info you entered.

    Here is the website

    http://donordigital.com/services/socialshare/

    For the image url, I entered this.

    https://www.jotform.us/uploads/b2dmarketing/60216175609151/{id}/{takeSelfie}

    however, it that url does not seem to be generating a image, instead it defaults to the website share image

  • Profile Image
    Huberson
    Answered on January 22, 2016 at 05:30 PM

    Hello,

    Take a look at  Send POST Data From JotForm Using PHP in Custom Thank You Page and How to Post Submission Data to Thank You Page.

    It might require a bit of PHP to achieve, but it will solve your issue.

    Note: This is for the first question only.

     

    Huberson

     

  • Profile Image
    b2dmarketing
    Answered on January 22, 2016 at 05:31 PM

    Great Thank you, any idea on on the 2nd post?

  • Profile Image
    Mike_G
    Answered on January 22, 2016 at 11:53 PM

    Thank you @Huberson for your input, we appreciate it.

    @b2dmarketing

    In addition to @Huberson answer, you can also try to do the steps below to add uploaded image to the Thank-You page of your form.

    To my understanding, you would like to have the image uploaded on this page of your form,

    displayed on the Thank-You page of your form, correct?

    To do that here's what you need to do: 

    And that would result to this: 

    I hope this helps. Regarding your other concern, I have moved it on a new thread, which you can follow by clicking this link. 

    Regarding your other concern, I have moved it to a new thread, which you can follow by clicking this link: How-to-share-uploaded-image-to-Facebook-via-a-share-link-on-the-Thank-You-page

    Thank you.

  • Profile Image
    b2dmarketing
    Answered on January 25, 2016 at 12:58 PM

    It works great! thank you.

     

    However, on mobile devices, the image appears really really large. Is there any way to make it so doesnt blow up the screen and fit within the viewport of the device?

  • Profile Image
    b2dmarketing
    Answered on January 25, 2016 at 01:02 PM

     

  • Profile Image
    b2dmarketing
    Answered on January 25, 2016 at 01:04 PM

    nvm found it :)