Image binding mvc actionresult razor view

Question

0.00/5 (No votes)

See more:

Hi all I am binding the img tag as follows

HTML

<img alt="" src='@Url.Action("UserImage", "Home")' class="avatar img-circle img-thumbnail" />

This is my code to get the image from the database

C#

[HttpGet]  
public ActionResult UserImage()  
{  
string user = Session["UserName"] as string;  
byte[] photo = null;  
var v = db.table.Where(p => p.USER_NAME == user).Select(img => img.PHOTO).FirstOrDefault();  
if (v != null)  
{  
photo = v;  
return File(photo, "image/jpeg");  
}  
else  
return null;  
}

This is displaying image when I have in the database but when it is null it is displaying as follows, instead of that i need to bind src tag with empty

http://i.stack.imgur.com/rFPU0.png[^]

What I have tried:

C#

[HttpGet]  
public ActionResult UserImage()  
{  
string user = Session["UserName"] as string;  
byte[] photo = null;  
var v = db.table.Where(p => p.USER_NAME == user).Select(img => img.PHOTO).FirstOrDefault();  
if (v != null)  
{  
photo = v;  
return File(photo, "image/jpeg");  
}  
else  
return null;  
}

Posted 6-Feb-16 22:01pm

Krishna Chaitanya

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

John C Rayan · Answer 1 · 2016-02-06T23:18:00

Solution 1

You have to return another image for noimage situation. Have a nice photo that show no image available and return it when no image found

Posted 6-Feb-16 23:18pm

John C Rayan

Comments

Krishna Chaitanya 7-Feb-16 6:35am

That I can do but I would don't want to show any default image

Manas_Kumar · Answer 2 · 2016-02-06T23:45:00

Solution 2

Find a blank image(.jpg) and store it in a folder. When you have null value in your Database then convert the blank image to byte array and send it to client.

C#

byte[] testbyte = System.IO.File.ReadAllBytes("filepath");
if (v != null)  
{  
    photo = testbyte;
    return File(photo, "image/jpeg");
}

Instead of showing wrong image you can show blank image which will represent image is not available.

Posted 6-Feb-16 23:45pm

Manas_Kumar

v2

Comments

Krishna Chaitanya 7-Feb-16 6:35am

That I can do but I would don't want to show any default image

John C Rayan 7-Feb-16 14:38pm

Then check for null and show the image link only when image is not null

[no name] 7-Feb-16 6:44am

Then what do you want to show when you do not have any data?