Displaying uploaded photo on thank you page

  • b2dmarketing
    Asked on January 22, 2016 at 4: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="Displaying uploaded photo on thank you page Image-0" 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="Displaying uploaded photo on thank you page Image-0" /></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)

    Jotform Thread 753702 Screenshot
  • b2dmarketing
    Replied on January 22, 2016 at 5: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

  • Huberson
    Replied on January 22, 2016 at 5: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

     

  • b2dmarketing
    Replied on January 22, 2016 at 5:31 PM

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

  • Mike_G JotForm Support
    Replied 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,

    Displaying uploaded photo on thank you page Image 1 Screenshot 40

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

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

    Displaying uploaded photo on thank you page Image 2 Screenshot 51

    And that would result to this: 

    Displaying uploaded photo on thank you page Image 3 Screenshot 62

    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.

  • b2dmarketing
    Replied on January 25, 2016 at 12:58 PM

    It works great! thank you.

     

    Displaying uploaded photo on thank you page Image 1 Screenshot 20However, 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?

  • b2dmarketing
    Replied on January 25, 2016 at 1:02 PM

    Displaying uploaded photo on thank you page Image 1 Screenshot 20

     

  • b2dmarketing
    Replied on January 25, 2016 at 1:04 PM

    Displaying uploaded photo on thank you page Image 1 Screenshot 20

    nvm found it :)