Image Not show on Cloud Page But shows on my Machine

Abraham Olatubosun

Dear Code Masters,

Good day to you all, I have a web page that have a textbox and a button for searching student record.

if the student id is entered in the textbox and the button is clicked the c# code behind search and displayed the record if found. The database structure is shown below :

once we search the record "cis/001" i expect the name, RegNo and the image to displayed on my development machine it worked fine, but after deploying both the database and the files to the cloud it is not working.

i have tried using this code:

Image1.ImageUrl = "ImageHandler.ashx?id="
+ "CIS/001"
1. DT = ConnectAll.GetTableID(id);
2. foreach (DataRow r in DT.Rows)
3. {
4. Byte[] bytes = (Byte[])r["picture"];
5. string Base64String = Convert.ToBase64String(bytes, 0, bytes.Length);
6. Image1.ImageUrl = "data:image/png;base64," + Base64String;
7. }
;

the imageHandler page is a GenericHandler which have the following code:

public void ProcessRequest (HttpContext context) {
//context.Response.ContentType = "text/plain";
//context.Response.Write("Hello World");
try
{
string id = context.Request.QueryString["id"].ToString();
using (SqlConnection cn = new SqlConnection(ConnectAll.ConnectMe()))
{
cn.Open();
string SQL = "Select * from tbl_studReg where id ="+id;
SqlCommand cmd = new SqlCommand(SQL, cn);
//cmd.CommandType = CommandType.Text;
//cmd.Parameters.AddWithValue("@id", id.ToString());
SqlDataReader r = cmd.ExecuteReader();
while (r.Read())
{
context.Response.BinaryWrite((byte[])r["picture"]);
}
}
}
catch (Exception ex)
{
}
}

these didn't work, i also tried the following code too

DT = ConnectAll.GetTableID(id);
foreach (DataRow r in DT.Rows)
{
Byte[] bytes = (Byte[])r["picture"];
string Base64String = Convert.ToBase64String(bytes, 0, bytes.Length);
Image1.ImageUrl = "data:image/png;base64," + Base64String;
}

above i have a class that return a datatable (DT)

all these did wor either but on my machine both method work fine displaying the image and the other records. Please can anyone help me?

thank you all

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Karthik Elumalai9y ago
Hi Abraham Olatubosun,

Hope the below link will surely solve your problem.

https://www.codeproject.com/Questions/356518/Images-not-displayed-after-publishing

Additional links: [if required]

https://www.codeproject.com/Questions/694032/Images-not-displaying-in-IIS-How-to-fix-that

https://forums.iis.net/t/1156232.aspx?Images+will+not+display+IIS

Kindly let me know your thoughts

Thanks
Karthik
Sameer Shaik9y ago
if everything is fine then, it should work everywhere.
i strongly recommed you to check with browser issues,
also check the link below, might be helpful

https://nathondalton.wordpress.com/2011/12/28/embedding-images-in-html-with-data-uri-base64-encoding/
Abraham Olatubosun9y ago
Hi Sameer Shaik Many thanks for your respons, as i ealier said this application is working fine on my computer, but when i deployed it on my client web site i noticed that, the result of the of any search is not display even with the image.
The database is properly deployed along with data. This line below have it source correctly

Image1.ImageUrl = "data:image/png;base64," + Base64String;

i really don't why it not displaying, i strongly appreciate any help to solve my challange.

thank you all
Sameer Shaik9y ago
if you tried this,
Image1.ImageUrl = "data:image/png;base64," + Base64String;

then, inspect the element and check whether image src is having data or not.