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.
<%{
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>
<%
}%>