Pass image from controller and display in a view using ViewBag in ASP.NET MVC 3

Question

I guess it's something very straight forward but I can't find out how to do it. In my controller I have:

 public ViewResult ShowForm()
        {
            ViewBag.Title = Resources.ApplicationTitle;
            ViewBag.LabelStatus = Resources.Status;
            //Logo
            ViewBag.Logo =@"C:\Images\Logo.png";
            return View("ShowForm");
        }

And in my view I try this:

<div id="drawForm">
<img src="@ViewBag.Logo" alt="Logo" />    
</div>

However when I run this I just get the "Logo" text.

So, is it during the page load or some on demand request to server ? — user2007801
– user2007801, Commented Apr 22, 2013 at 9:06
The image most probably will be kept on a Server, but the page content should be collected from the database before the page is loaded so I guess it is during page load. — Leron
– Leron, Commented Apr 22, 2013 at 9:24
It's a form with images that someone has already created and I just have to redraw it when the user asks for it. — Leron
– Leron, Commented Apr 22, 2013 at 9:25

von v. · Accepted Answer · 2013-04-22 08:33:18Z

5

Use Server.MapPath to get the correct path of the image. Suppose your images folder is inside the Content folder that is normally included in an MVC project. You can do something like this:

public ViewResult ShowForm()
{
    //Logo
    ViewBag.Logo = Server.MapPath("~") + @"Content\Images\Logo.png";
    return View("ShowForm");
}

And you don't have to change the code in your view.

answered Apr 22, 2013 at 8:33

von v.

17.1k5 gold badges62 silver badges89 bronze badges

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

2 Comments

Leron Over a year ago

I see. Was expecting something a bit easier but guess it is what it is. Thanks

von v. Over a year ago

You're welcome. That's the easiest way of doing it, IMO, and solves your sort of problem generally. But there is a much better way of doing it that involves a bit of setup, using image resizer tools. Tools that will make sure your images are served in the most efficient way.

karaxuna · Accepted Answer · 2013-04-22 08:46:40Z

5

Try this:

ViewBag.Logo = Url.Content("~/Content/Images/Logo.png");

answered Apr 22, 2013 at 8:46

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

1 Comment

Mr. Zoidberg Over a year ago

I share your codes on my blog: zinzinzibidi.com/blog/genel/… Thanks a lot!!!

Community · Accepted Answer · 2017-05-23 12:02:17Z

4

You need a ImageController to render that.

See this:

ASP.NET MVC3: Image loading through controller

and this: Can an ASP.NET MVC controller return an Image?

once you have a controller you can render as follows:

public class ImageController{

public ActionResult ShowImage(string path) 
{

    return File(path);
}

}

in your views:

<img src="@Url.Action("Render","Image", new {id =1  // or path })" />

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Apr 22, 2013 at 8:28

DarthVader

55.6k78 gold badges225 silver badges309 bronze badges

Comments

dss · Accepted Answer · 2013-04-22 08:48:26Z

1

public ActionResult ShowForm()
        {
            ViewBag.Title = Resources.ApplicationTitle;
            ViewBag.LabelStatus = Resources.Status;
            //Logo
           byte[] imgbytes =  File.ReadAllBytes(@"C:\Images\Logo.png");
           return File(imgbytes , "image/png");
        }

<div id="drawForm">
<img src="controllerName/ShowForm" alt="Logo" />    
</div>

answered Apr 22, 2013 at 8:48

dss

111 bronze badge

Collectives™ on Stack Overflow

Pass image from controller and display in a view using ViewBag in ASP.NET MVC 3

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related