asp net mvc default image display

Question

How can I display a default image if a user doesn't have an image? For now, I display like this:

<img alt="<%: Model.FullName %>" src="/Uploads/foto_<%: Model.StudentID %>.jpg" 
style="height: 125px; width: 125px" />

And in some cases if I don't have this photo in Uploads folder I don't get an image, so I need a default image.

Karthik Malla · Accepted Answer · 2011-06-26 06:29:10Z

1

Use the below code in your .aspx page

      <asp:Image ID="Image1" runat="server" Height="125px" Width="125px" onerror="this.onload = null; this.src='profimgs/default_l.jpg';"/>

in your .cs page use the following

Image1.ImageUrl = "D:\profimgs\orginalimg.jpg";

answered Jun 26, 2011 at 6:29

Karthik Malla

5,87014 gold badges51 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Karthik Malla Over a year ago

If you have any doubts feel free to ask more.

Karthik Malla Over a year ago

If you don't have image in your root folder its better to retrieve a image via web link to your page. Hope this solves your problem

Darin Dimitrov · Accepted Answer · 2011-02-15 13:13:24Z

I would write an HTML helper:

public static class HtmlExtensions
{
    public static MvcHtmlString StudentImage(this HtmlHelper<StudentViewModel> htmlHelper)
    {
        var model = htmlHelper.ViewData.Model;
        var relativeImagePath = "~/uploads/foto_" + model.StudentID + ".jpg";
        var imagePath = htmlHelper.ViewContext.HttpContext.Server.MapPath(relativeImagePath);
        var image = new TagBuilder("img");
        var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        image.Attributes["src"] = urlHelper.Content("~/uploads/some_generic_image.jpg");
        image.Attributes["alt"] = model.FullName;
        image.Attributes["style"] = "height: 125px; width: 125px";
        if (File.Exists(imagePath))
        {
            image.Attributes["src"] = urlHelper.Content(relativeImagePath);
        }
        return MvcHtmlString.Create(image.ToString());
    }
}

and then in your view simply:

<%= Html.StudentImage() %>

Collectives™ on Stack Overflow

asp net mvc default image display

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related