Addressing an images in View with its local path

Question

How to display this image in an ASP.NET MVC project?

I've tried this, but it wouldn't work:

<img src="C:\BBBB\1.png" />

Any brilliant suggestion, please?

Thanks a lot!

@safetyOtter, that wouldn't work. My project is deployed into IIS by virtual directory. How to access to that path then? — Lucie kulza, Mar 30 '14 at 00:11
This is not common way to address files on Server! Use `Server.MapPath("~/directory/filename")` where `~` stands for website root to access its **Local Address** on Server. — Amirhossein Mehrvarzi, Mar 30 '14 at 22:25

score 1 · Accepted Answer · edited May 23 '17 at 12:11

I did something similar to this to display payroll stubs. I didn't want them accessible from within wwwroot.

See this article for serving an image from an mvc action.

ASP.NET MVC3: Image loading through controller

public ActionResult ShowImage(id) 
{
    var file = @"C:\BBB\"+id;
    var ext = file.Split('.').Last();
    return File(file, "image/"+ext, Path.GetFileName(file));
}

Call it like this:

<img src="@Url.Action("ShowImage",new { id="1.png" })" alt="1.png"/>

For a loop, you could do something like this in your existing view:

 for (var i = 1; i < 10; i++ ) {
    @Html.Partial("ShowIfExists", new {id=i.ToString()+".png" })
 }

Create a new Razor View called _ShowIfExists.cshtml

 <img src="@Url.Action("ShowImage",new { id=Model })" alt="1.png"/>

And add a corresponding action:

public ActionResult ShowIfExists(id)
    if ( System.IO.File.Exists(@"C:\BBB\"+id) )
        return PartialView("_ShowIfExists",null,id);
    }
    return new EmptyResult();
}

I'm in fact trying to display images in loop 1..2...png and to check if it exists. How may I do this? — Lucie kulza, Mar 30 '14 at 00:38

score 0 · Answer 2 · answered Mar 30 '14 at 00:07

0

The image tag's src needs to point to where the image resides on a web server.

<img src="http://myserver.com/myimage.png" />

answered Mar 30 '14 at 00:07

Adam Zuckerman

1,633
1
14
20

If the server is IIS, does this `http://myserver.com/` refers to `inetpub\wwwroot` ? – Lucie kulza Mar 30 '14 at 00:12
It could, but it might not even be your server. You could be pulling images from a content site (photobucket, flickr, etc.) – Adam Zuckerman Mar 30 '14 at 00:15
But, here I'm generating dynamically these photos! – Lucie kulza Mar 30 '14 at 00:15
Then the path is going to depend on where you put the image, if there is a virtual directory for that path, and if you are generating the image and pushing directly without storing it on the server. – Adam Zuckerman Mar 30 '14 at 00:17

score 0 · Answer 3 · answered Mar 30 '14 at 00:07

0

You need to reference images with relative address like this: ../images/1.png.

check this tutorial to start: W3schools Html Tutorial/img Tag

answered Mar 30 '14 at 00:07

Reza Owliaei

3,293
7
35
55

score 0 · Answer 4 · answered Mar 30 '14 at 00:07

0

If you insist on displaying a local image, you should include the protocol, which in this case is file://:

<img src="file://C:/BBBB/1.png" />

This is not a good idea for real projects tho.

answered Mar 30 '14 at 00:07

nxu

2,202
1
22
34

Addressing an images in View with its local path

4 Answers4