ASP.Net MVC image not displaying

Question

I have a view with the following -

<img src= "@Url.Content(new Uri(image.Path).AbsoluteUri)" alt="@(new Uri(image.Path).AbsoluteUri)" />

image.Path is a string

It renders the below html

<img alt="file:///C:/Users/Tom/MyAppApp_Data/uploads/myImage.jpg" src="file:///C:/Users/Tom/MyAppApp_Data/uploads/myImage.jpg">

But the image is not displayed in the browser.

If I open FireBug and hover over the image element, the image will show in the FireBug window.

If I take the above html and place in a test.html file and open the file in a browser, the image is displayed.

However, if I hard code the above html into my view, it does NOT work!

UPDATE 1

If I save the page in Firefox, the image is downloaded and when I open the html file the image is displayed.

This is beginning to sound like an IIS Express problem.

UPDATE 2

If I look at the view in the Page Inspector the images show up as expected!

Sure, what is it exactly? Is it a relative path to an image in your MVC project? — mclark1129
– mclark1129, Commented Sep 12, 2013 at 3:11
@BhushanFirake the location of the file is coming from the database. It may not be withing the app data always — tom
– tom, Commented Sep 12, 2013 at 3:11
@MikeC it is the full path to the image in the form C:\Users\Tom\... — tom
– tom, Commented Sep 12, 2013 at 3:13

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

2

My understanding is that this is not possible. Imagine if any web page could navigate your folder structure and check files out. Browsers won't let you do this so maybe you could expose your images by a service on the client.

The answer by @bjorn tipling gives you some ideas of what you could do for a work around and confirms my understanding.

Why can't I do <img src="C:/localfile.jpg">?

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Sep 12, 2013 at 4:01

user1567453

2,1632 gold badges20 silver badges22 bronze badges

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

2 Comments

tom Over a year ago

ah, so my I should store my images in a directory that is served my a website, then I could use the url to the files there.

user1567453 Over a year ago

That^ would work for sure. The reason your page inspector shows the image is because it is running locally and won't see an issue if a local web page is accessing local resources.

Collectives™ on Stack Overflow

ASP.Net MVC image not displaying

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related