How to Display an Image in the Form and Also Show it in the PDF?

Hi, is it possible to create an image field that when filling / loading the image it will appear on the PDF?

Hi Dan,

Thanks for reaching out to Jotform Support. Yes, you can add an image field and upload the photo you want to display in the form, and this image will also appear in the PDF. Let me show you how:

1. In Form Builder, click on the Add Form Element menu on the left side of the page.
2. Under the Basic tab, scroll down the list and choose the Image field.
3. Click the Choose a File and select the image.

Take a look at the screenshot below to see my results in PDF:

However, if you want your users to do the upload and display the results in the PDF. You may use our Image Upload Preview widget to allow your users to upload an image and preview it while filling out the form, and the image will also be displayed in the PDF. We also have a guide about How to Add a Widget to Your Form that you can check out.

That's it! Let us know if you have any other questions.

Thanks, I mean that through the form I can plant an image that I choose in
a PDF file that I download afterwards

‫בתאריך שבת, 15 ביוני 2024 ב-20:10 מאת ‪Jotform‬‏ <‪noreply@jotform.com‬‏>:‬
...

Hi Dan,

You can put the images in the form, but they will all appear in the PDF. However, you can always edit your PDF to choose which fields to display, or you can upload the image directly to that submission's PDF. Let me show you how:

1. In PDF Editor, select Add Element in the upper-left corner.
2. Select Image.
3. Click your Image's gear icon to open the image settings.
4. Click the Upload File and select the image.

You might also want to check out this guide about How to Customize Your PDF Submission Report.

Reach out again if you have any other questions.

I understand, I am asking how it is possible to integrate uploading a photo
through the form, for example this -
https://form.jotform.com/241665121176049
and then display it in PDF where I defined.
‫בתאריך שבת, 15 ביוני 2024 ב-20:36 מאת ‪Jotform‬‏ <‪noreply@jotform.com‬‏>:‬
...

Hi Dan,

Thanks for getting back to us. Unfortunately, I couldn't see the screenshot you shared on my end. Can you try to send it again? We’ve got a guide here that’ll show you how to do that.

Once we have a better idea of what’s going on, we’ll be able to come up with a solution.

Hi Dan,

I cloned your form and tested it to see if I could replicate the issue, and I ran into the same issue. When I looked at your form, I saw that the Image Field can't be mapped into the original PDF.

Instead, you can use the Image Upload Preview Widget. Let me show you how:

1. Click Add Form Element, on the left side of the page.
2. Select Widgets.
3. Search Image Upload Preview, then select.

If that’s not exactly what you’re looking for, can you explain a bit more, so I can help you better?

Give it a try and let us know how it goes.

Thanks, I tried to look for the widget and couldn't find it..

Hi Dan,

Please try refreshing the page and access the widgets tab again.

Give it a try and let us know how it goes.

I tried to refresh and also reconnect, it still doesn't show up for me

Hi Dan,

I cleared the cache on your forms, can you try again? If the issue persists, will you allow us to add the Image Upload Preview widget to your form?

Keep us updated and let us know if you need any more help.

I still don't see it, can you add to the form please?

Hi Dan,

I have successfully added the Image Upload Preview widget on your form. Let me show you how to Map it to the original PDF.

1. Click on the Image Upload Preview widget, click on the Add to PDF button.

2. Mapped it to where you want the image to show on the PDF.

Check out the screencast below to see my results:

Let us know if there’s anything else we can help you with.