How to Display Images on Secure Forms

June 8, 2022

If you have a form containing various images (backgrounds, banners, icons, photos) and those images are displayed when the form is viewed at its non-secure (HTTP) URL but not at the secure (HTTPS) one, or your browser gives a warning about the page containing non-secure elements, the images need to be stored at secure locations (URLs).

If you do not have a secure location to store images, clone this form, view the cloned form, and upload your images.

After uploading the images, do the following:

  1. View your Form Tables.
my-forms-view-submissions-form
  1. Find the entry you just made and view it. Expand the view of the uploaded image.
tables-view-entry
  1. Right-click on the image and select Copy Image Address.
copy-image-address
  1. Edit your form containing the non-secure image.

In the Form Builder…

  1. Select the Image element.
  2. Open its Properties window.
  3. Click the Choose File button.
  4. Select the Enter URL option.
  5. Paste the image address that you have just copied.
  6. Click the Add Link button to finish.

Do the same for each subsequent image that needs securing.

For background images in your form’s custom CSS codes box, replace the URL in the injected CSS with the secure (HTTPS) version of the URL that you will obtain from the submission records of the image upload form.

In other words, the full non-secure URL of the background-trees.png image is:

http://www.jotform.com/uploads/Welvin/212464927824967/5065811595826133624/background-trees.png

If you wanted to use that image in the form’s background, the URL would have to be changed to:

https://www.jotform.com/uploads/Welvin/212464927824967/5065811595826133624/background-trees.png

After updating all of the image URLs, save the form, and that’s it!

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • JessicaBSL
  • Jason
  • CscProvidence
  • pikablink
  • clmconsultorialegalmigratoria
  • globalessensa
  • imglobaldesi
  • KellyO
  • EltonCris
  • Lightray
  • evgor
  • posnaforms
  • beme2014
  • odofertas