For Zoho Services only:

I'm actually part of a bigger team at Ascent Business Solutions where we have support technicians and project consultants. Support is for smaller technical fixes but this can include developments, reports or integrations; depending on the size of the task. Projects are for more time-consuming developments such as revamps of the Zoho Suite of apps or on-site training. The advantage of a team is that if I am out-of-office for a day or so, there is always someone at Ascent Business Solutions who can deal with any queries/issues you may have.

Our support rates can be found and purchased at A support bundle doesn't have an expiry date. So whether we can do what you want within the bundle and a year later need further support, if there are minutes left on the bundle then there is no additional charge.

Our project rates for bigger developments can be found at and will involve a dedicated project consultant along with developers who will hold your hand through the development process.

If you want help building a solution for one of the Zoho Apps in the Zoho Suite, contact us on 0121 392 8140 (UK) or by email at You can also visit our website at

I regularly build and specialize in 2-way API integrations for Xero, Shopify and eBay.

Zoho Deluge: Get Image Uploaded in Creator Form

So this is an article to document the methods I use to get an image uploaded in a form to display in a report or on another page.

There might be different articles out there and discussion forums that do cover this but it takes me so long to find the solution with the right syntax.

So I'm going to start with 1 method and then update this article with other methods.

Method #1: Display and access without login
So the quickest is to have a form that has an image upload field. Create an entry with one image. Then...
  1. Go to Settings
  2. Publish
  3. Publish Component > Select your report
  4. Copy the embed code it pops up with to your clipboard
  5. Paste this into a browser
  6. Right-click on the image you want and inspect the element, this will have the SRC which is the publicly accessible version that you want.
Now you can use that value in your HTML.

Method #2: Using Deluge
Assuming that I have a form called "MyImages" and an image upload field that has the field link name "MyImage". There is an additional single-line text field called "Name". I have added an entry with name "Logo" and I have uploaded an image accordingly.
// change this to eu (Europe), com (US), (China), ...
v_TLD = "eu";

// my creator form
f_MyImages = MyImages[Name == "Logo"];
v_Filename = f_MyImages.MyImage.getSuffix("/image/").getPrefix("\"");

// specify publish key of published report (not the form)

// build image src
v_ImageSrc = "https://creator.zoho." + v_TLD + "/file" + zoho.appuri + "MyImages_Report/";
v_ImageSrc = v_ImageSrc + f_MyImages.ID + "/MyImage/image-download/" + v_PublishKey;
v_ImageSrc = v_ImageSrc + "?filepath=/" + v_Filename;

// yields something like
  1.  // change this to eu (Europe), com (US), (China), ... 
  2.  v_TLD = "eu"
  4.  // my creator form 
  5.  f_MyImages = MyImages[Name == "Logo"]
  6.  v_Filename = f_MyImages.MyImage.getSuffix("/image/").getPrefix("\"")
  8.  // specify publish key of published report (not the form) 
  11.  // build image src 
  12.  v_ImageSrc = "https://creator.zoho." + v_TLD + "/file" + zoho.appuri + "MyImages_Report/"
  13.  v_ImageSrc = v_ImageSrc + f_MyImages.ID + "/MyImage/image-download/" + v_PublishKey; 
  14.  v_ImageSrc = v_ImageSrc + "?filepath=/" + v_Filename; 
  16.  // yields something like 

Additional Note
Just as a note to do the reverse: upload an image given a URL to an image field (prerequisite: enable the field to allow Image as "Link" not just "Local Computer" or "Camera"):
Zoho Creator: Upload to Image Field - Enable Link
for each  r_Image in m_Product.get("images")
            v_MainPhoto = "<img src='" + r_Image.get("src").getPrefix("?") + "' alt='"+r_Image.get("alt").replaceAll("'", "")+"' />";
            info v_MainPhoto;
            // yields: <img src='joels-test-image.jpg' alt='joels test image'/>
            input.Main_Photo = v_MainPhoto;
  1.  for each  r_Image in m_Product.get("images") 
  2.  { 
  3.      if(!isnull(r_Image.get("src"))) 
  4.      { 
  5.          if(isnull(v_MainPhoto)) 
  6.          { 
  7.              v_MainPhoto = "<img src='" + r_Image.get("src").getPrefix("?") + "' alt='"+r_Image.get("alt").replaceAll("'", "")+"' />"
  8.              info v_MainPhoto; 
  9.              // yields: <img src='joels-test-image.jpg' alt='joels test image'/> 
  10.              input.Main_Photo = v_MainPhoto; 
  11.          } 
  12.      } 
  13.  } 

Category: Zoho :: Article: 724

Credit where Credit is Due:

Feel free to copy, redistribute and share this information. All that we ask is that you attribute credit and possibly even a link back to this website as it really helps in our search engine rankings.

Disclaimer: The information on this website is provided without warranty and any content is merely the opinion of the author. Please try to test in development environments prior to adapting them to your production environments. The articles are written in good faith and, at the time of print, are working examples used in a commercial setting.

Thank you for visiting and, as always, we hope this website was of some use to you!

Kind Regards,

Joel Lipman

Related Articles

Joes Revolver Map


Badge - Certified Zoho Creator Associate
Badge - Certified Zoho Creator Associate

Donate & Support

If you like my content, and would like to support this sharing site, feel free to donate using a method below:

Donate to Joel Lipman via PayPal

Donate to Joel Lipman with Bitcoin - Valid till 8 May 2022 bc1qjtp4l4ra452wzvuk9a45yfj82zkahsyy2z379y
© 2022 Joel Lipman .com. All Rights Reserved.