fetching image from form to page

fetching image from form to page

Hi Guys,

Can anyone help i have one doubt, I tried to fetch the details from one form to page , I have created a page and written an html code for it is fecthing  the details but near Image i am not able to get image  but instead of displaying image i am getting an icon . 

I have attached a file below , in that file near file i am getting an icon .



Here I am attaching the Html code I have written ., Please help me  in finding out where is the mistake  and please help me to get output.

these are the variables i have used

 contactObj is a variable , Contact is form name , ContactObj is parameter

code starts:​

<%{
    contactObj = Contact[ID == ContactObj.tolong()];
    %>
<!DOCTYPE html>
<html>
<head>
     <!-- bootstrap link -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
   </head>
<body class="container mt-5">
   <div>
        <h5 class="heading">Contact</h5>
   </div>
   
   <div class="heading mt-5">
   <table>
        <tr>
           <th>Name</th>
           <td><%=contactObj.Name%></td>
       </tr>
       <tr>
           <th>Email</th>
           <td><%=contactObj.Email%></td>
       </tr>
       <tr>
           <th>Phone</th>
           <td><%=contactObj.Phone_Number%></td>
       </tr>
   </table>
</div>

<!-- creating table for SF -->
<div class="heading mt-3">

<table>
    <thead>
        <tr>
            <td colspan="2"><b>SubForm</b></td>
        </tr>
    </thead>
    <thead>
        <th>S.No</th>
        <th>Image</th>
    </thead>
<%
    temp = 0;
    for each  rec in contactObj.SubForm
    {
        temp = temp + 1;
        imgRecordurl = rec.Image;
        imgUrl = "<img src='https://creator.zoho.in/file/" + zoho.appuri + "Contact_Report/" + contactObj.ID + "/image/image-download?filepath=/" + imgRecordurl + "'width='200' >";
        %>
<tbody>
        <tr>
            <td><%=temp%></td>
            <td><%=imgUrl%></td>
        </tr>
    </tbody>
<%
    }
    %>
</table>
</div>
</div>

</body>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

  
.heading{
    text-align: center;
    padding: 10px;
}
</style>
</html>
<%

}%>



      • Sticky Posts

      • How to Add Users to your Organization in ZohoMail?

        A better clarity so you can create other users to start using Zoho Mail. You can directly Add Users from the Control Panel to your Organization. You can invite users with the existing email address. If the person (user) already uses ZohoCRM, then you can import users from Zoho CRM. You can also import them using a .csv file. (if you are planning to add them in Bulk)  In this topic, We will be discussing on how to Add and Invite users only.  The Import options are self explanatory. ____________________________________________________________________________________________________________