Question

我在应用程序的“查看”部分的文件夹中有很少的图像。我想在我的视图中显示这些图像，但我无法显示这些图像。网址可能有问题。

这是我的观点表单

<html xmlns="http://www.w3.org/1999/xhtml">`enter code here`
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Ceylon Brokers</title>
        @section styles{
    <link rel="Stylesheet" href="@Href("~/css/styles.css")" />
}
    </head>
    <body>
        <div id="background">
            <div id="footer"><img alt="social_links" usemap="#social" src=@Url.Content("~/images/footer.png")>
            <map id="social" name="social">
            <area shape="circle" coords="79,122.5,35" href="https://www.facebook.com/ceylonbrokers?fref=ts" alt="social_links"/>
            <area shape="circle" coords="160,123,34.5" href="" alt="social_links"/>
            <area shape="circle" coords="245,122.5,35" href="http://www.linkedin.com" alt="social_links"/>
            </map>
            </div>
            <div id="whyusbg"><img src="~/images/whyusbg.png"></div>

            <div id="header"><img alt="page_titles" usemap="#pages" src="../images/header.png">
            <map id="pages" name="pages">
            <area shape="rect" coords="430,90,520,120" href="index.html" alt="page_titles"/>
            <area shape="rect" coords="540,90,690,120" href="about.html" alt="page_titles"/>
            <area shape="rect" coords="720,90,880,120" href="" alt="page_titles"/>
            <area shape="rect" coords="910,90,1110,120" href="" alt="page_titles"/>
            <area shape="rect" coords="1140,90,1340,120" href="" alt="page_titles"/>
            <area shape="rect" coords="1370,90,1550,120" href="" alt="page_titles"/>
            </map>
            </div>
        </div>
 </body>
 </htm

以下图片不可用。

http://localhost:50242/images/whyusbg.png 404 (Not Found)
http://localhost:50242/images/footer.png 404 (Not Found)
http://localhost:50242/images/header.png 404 (Not Found)

如何将图像文件链接到表单？

先谢谢

Answer 1

图片不应该真正位于应用程序的View文件夹中。通常，您将在MVC站点的根目录上有一个Content文件夹，然后我个人将images文件夹放在那里。然后，要访问任何图像，您会说：

@Url.Content("~/content/images/my-image.jpg")

如果您想要站点根目录下的images文件夹，只需将images放在与当前view文件夹相同的文件夹级别，然后访问：

@Url.Content("~/images/my-image.jpg")

如何在MVC应用程序中显示图像？

1 个答案: