Extracting Images from a Zoho Creator Report into a Pages

Extracting Images from a Zoho Creator Report into a Pages

If you’ve uploaded images in a form and can see them in your report, you might also want to display those same images inside a Page (custom HTML page).

This is useful for dashboards, profile pages, or any place where images should be visible dynamically outside the default report view

[SAMPLE CODE]
<%{
// Fetch all records from the Form’s Report
records = Profile_Report[ID != 0];
uri = zoho.appuri;
%>

<% for each rec in records {
image_link = rec.Image; // Replace 'Image' with your field name

    if(image_link != null) {
        // Convert the report URL into a usable page URL
        image_link = image_link.replaceAll("https://creator.zoho.in/sharedBy/appLinkName/", "https://creator.zoho.in" + uri);
        image_link = image_link.replaceAll("viewLinkName","All_Profiles");
        image_link = image_link.replaceAll("fieldName","Image");
    }

%>

<div class="card">
    <% if(image_link != null) { %>
        <div class="image-container">
            <img src="<%=image_link%>" alt="Image from Report" />
        </div>
    <% } else { %>
        <div class="no-image">No Image</div>
    <% } %>
    <h3><%=rec.Name%></h3>
</div>

<% } %>

<% } %>

    Nederlandse Hulpbronnen