如何在asp.net mvc3中显示图像

时间:2011-06-16 09:49:49

标签: c# asp.net-mvc-3

我已经开发了一个asp.mvc3 web应用程序,我将图像名称和一些文本保存到数据库中。当我尝试从数据库中获取图像时,它不会显示图像。实际上在我的本地机器中的每一件事工作正常,但是当我在服务器上测试它不起作用时,请帮助。

 <% 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>

4 个答案:

答案 0 :(得分:6)

您可以设置一个控制器动作来提供图像:

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

并在您的视图中引用此操作:

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

注意如何使用Url.Action帮助程序构建映像的URL,而不是硬编码,这将确保无论托管应用程序的位置如何,此代码都能正常工作。

在您的代码中,您已经对网址进行了硬编码,这当然是无效的,因为在部署应用程序时,因为IIS中需要使用虚拟目录的名称:

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

所以在处理网址时总是使用网址助手:

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

答案 1 :(得分:2)

只需使用img element中的图片路径:

<img src="path to image" />

答案 2 :(得分:2)

这是你的控制器..

 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");
    }

这是您的观点

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

希望这会有所帮助......

答案 3 :(得分:0)

使用图像服务器路径。它会像www.xyz.com/images.abc.png一样,你应该像这样给出图像路径,这样它就会从服务器获取图像路径