Email Autoresponders, Notifications, and Thank You page allows you to display images that were uploaded by form respondents.
Check out our walkthrough below to see how it’s done:
To display the uploaded image directly in your Email Alert or Thank You page, the IMG: prefix should be added to your upload field tag.
- Go to the Settings page of your form.
- Select the Emails tab from the left menu.
- Hover over the Notification or Autoresponder Email and click the pencil icon.
- Add the prefix to the Unique Name of your Upload element. For example, change
{fileUpload}{IMG:fileUpload}
Display Uploaded Image on the Thank You Page
you can also display an uploaded image on the Thank you page right after form submission.
- On your Settings page, go to the Thank You Page tab from the left menu.
- Click the +Add Form button.
- Select a place where to add your field and add your File Upload field.
- Add IMG: prefix to the Unique Name.
Once you finish your setup, the Uploaded Image will be displayed on the Emails or Thank you page right after the form submission.
Pro Tips:
If you want to specify dimensions, you should provide them as arguments. Such as {IMG:fileUpload:100:200} will put an image 100px wide and 200px tall.
If you’d like the width or height to be auto-calculated just leave them blank. For example, {IMG:fileUpload::200} – the width will be automatically calculated and the height will be 200px.
Send Comment:
21 Comments:
same as everyone who left comments below....... It doesn't work for me either.....
This doesn't work I have updated my settings and the details in the email but the image doesn't appear
Greetings. How do we make a field fully transparent in submitted forms?
Once someone has submitted an image on the form, how do we download the jpeg? The link in the email report of the submission says its broken. On the website I can see the image uploaded but I can't download it to my computer.
In my case the pictures are not displayed in the Email. (only a small little x-ed box)
You can test it by yourself:
What is the suggested size (or best size) for a Jorform form header image? I would likely use 1200 x 630 pixels. Does Jotform staff have a suggestion here?
I am trying to use pre-existing forms by drag and dropping them into my jotform. I can't get them to save in the page. Please help. I can't find the answer anywhere. Thank you!
I'm trying to use this feature to get the electronic signature to appear in the responder that goes back to the person who submitted. I tried inserting IMG: but it didn't work. Any other ideas?
I have tried this simple step, and it works
{IMG:NameOfPictureWidget::200} (as long as you have internet connection, because pictures have to reach the server to be displayed. Also, you have to enable "display pictures" in case of the security warning.
Glad we found this article, because 5MB limit on attachment is very limited. Considering that only one picture can take as much disk space.
Adding IMG: as shown in this page https://www.jotform.com/help/405-how-to-display-uploaded-image-in-the-form-emails-or-thank-you-message/ does not send the photo in the email.
I add a Take Photo widget to the form then edit the content of the email body from {typeA} to {IMG:typeA} but it does not include the taken photo in the email.
Please advise.
Kind regards,
Paul Wilson
Does this work with Kloudless file uploader?
Is there a similar way to get an image from multiple file upload field?
unfortunally it does not work at all. As the email is conntected to Trello we need the files/images as attachments. Isnt there any resolution about this?
This works when I receive emails on my phone but not in Outlook office 365. I have to select download image from the small box with the red tick in it then Nothing appears
using "Take Photo" Widget, how to adjust dimensions of the uploaded image? {IMG:uploadImage:100:200} / {IMG:uploadImagine:100:200} doesn't work.
{uploadImaginehead}
at the same time, i can't edit the source code in email setting like this:
{uploadImaginehead}
thanks in advance.
Does this only work if I have not ticked in my settings the "Require log-in to view uploaded files." option?
Hi not having much luck with this. Did as shown but just getting blue ? where the image should be..
Any ideas on how to fix?
Is there any way to do this with an uploaded PDF instead of an image?
Я ваще такова не видел!!!это круто!!
That's just amazing! we'll give it a try for sure and let you know how it works!!
I'm getting a small box in my responder and notification emails instead of the actual image. When I right click on the small box and "open in new tab" I get an error 404 - The requested URL /proxy/aJktzIkdaD_IOtEdjSk00KWZRKtirmnjfcaIFNEeTIWD5876CTisG_pmNJ0sOTpj2z25YfgzeVcatp0ElJbZBFP8IQM-9-AuYNlgHLh2Pq96WxxxdPDRabtIc48CF2aJUUQmWuVfzjUWLeHzzJvx4k7wbk6uAjGzx-8DdvAO4g5S4pCZFmx_AWZVF_rEwqf7yGELTMqtqFO8=s0-d-e1-ft was not found on this server. That’s all we know.
What am I doing wrong?