How to display image in asp.net mvc3

Question

I have develop a asp.mvc3 web application in this i have save the image name and some text into database.When i try to get the image from data base it doesn't show image.Actually in my local machine every thing is working fine but when i test in server it's not working please helpme.

 <% for (int v = 0; v < Listdata.Count; v++)
       { %>
    <%if (j == 1)
      { %>

    <%if (count < Listdata.Count)
      { %>
    <tr>
        <%string Imageurl = Listdata[count].ToString();%>
        <%string[] GetImages = Imageurl.Split(','); %>
        <%string imagedata = GetImages[1].ToString(); %>
        <% Getimage1 = imagedata.Substring(9, imagedata.Length - 10); %>
        <li class="menu"><a href='<%=Html.Encode(Geturl) %>'>
            <img src='/Images/<%=Html.Encode(Getimage1)%>' alt="" style="margin-top: 0px; width: auto;
                height: 200px;" /></a></li>
        <%} %>
        <td>
            <li class="menu"><span style="float: left; margin-left: 5px;">
                <%=Html.Encode(Postdate)%></span><br />
                <a href="DisplayData/<%=Html.Encode(item.postid) %>"><span class="name">
                    <%=Html.Encode(item.post)%></span><span class="arrow"></span></a></li>
            <%j++; i = 2; count++; %>
            <%}

       }

      } %>
            <%} %>
        </td>

Where is the actual image stored? You say you save the name only. — Oded
– Oded, Commented Jun 16, 2011 at 9:53
Hi thank you for giving responce, actual image stored in server path images folder. — Victor Athoti.
– Victor Athoti., Commented Jun 16, 2011 at 9:56
currently it showing only text data in server,but in my local machine images are displayed . — Victor Athoti.
– Victor Athoti., Commented Jun 16, 2011 at 9:57
What code do you have at the min? Can you show us what you have done — lancscoder
– lancscoder, Commented Jun 16, 2011 at 10:02

Darin Dimitrov · Accepted Answer · 2011-06-16 10:10:52Z

6

You could setup a controller action which will serve the image:

public ActionResult MyImage()
{
    byte[] image = ... go and fetch from DB
    return File(image, "image/png");
}

and in your view simply reference this action:

<img src="<%= Url.Action("MyImage", "SomeController") %>" alt="my image" />

Notice how the url to the image is built using the Url.Action helper instead of it being hardcoded which would ensure that this code would work no matter where the application is hosted.

In your code you have hardcoded the url which of course won't work because when you deploy your application because there is the name of the virtual directory in IIS that needs to be used:

<img src='/Images/<%=Html.Encode(Getimage1)%>' alt="" />

So always use URL helpers when dealing with urls:

<img src="<%= Url.Action("Getimage1", "Images") %>" alt="" />

edited Jun 16, 2011 at 10:10

answered Jun 16, 2011 at 10:01

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

3 Comments

Victor Athoti. Over a year ago

Hi, thank you for ur response.In my local machine and server it is(My code) working but on client machine it not working ...

Darin Dimitrov Over a year ago

@user737497, what client machine? Define not working? When you debug the requests with FireBug what do you see?

Victor Athoti. Over a year ago

actually in my data base two fields are ther that is on for postdata & 2nd for image name.i want display the postdata and image, in local machine and server working fine,but in client machine not working it display only postdata .

Oded · Accepted Answer · 2011-06-16 09:58:00Z

2

Just use the path to the image in an img element:

<img src="path to image" />

answered Jun 16, 2011 at 9:58

Oded

501k102 gold badges900 silver badges1k bronze badges

3 Comments

Victor Athoti. Over a year ago

i can get images in my local machine using image path i get images, but in server not showing ...

Oded Over a year ago

@user737497 - Are the images on the server?

Oded Over a year ago

Can you access the image directly on the server, using this path?

hriziya · Accepted Answer · 2011-11-19 06:41:07Z

2

Here is your controller..

 public ActionResult LoadImg(int id)
    {
        byte[] image = null;

        tblImage img = en.tblImages.FirstOrDefault(i => i.ImgId == id);
        image = (byte[])img.ImgSrc;
        return File(image, "image/png");
    }

Here is your view

<div id="imagebox1" align="center">
                <img height="80" width="140" class="imgThumb" src="@Url.Action("LoadImg", "Image", new { id = m.ImgId })" alt="Loading..." />
            </div>

Hope this helps...

answered Nov 19, 2011 at 6:41

hriziya

1,1821 gold badge24 silver badges41 bronze badges

Comments

khan · Accepted Answer · 2012-11-02 05:56:03Z

0

Use image server path. it will be like www.xyz.com/images.abc.png, you should give image path like this, so that it will take image path from server

edited Nov 2, 2012 at 5:56

khan

2,6748 gold badges40 silver badges64 bronze badges

answered Nov 2, 2012 at 5:35

gou

402 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to display image in asp.net mvc3

4 Answers 4

3 Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related