Question

net mvc4项目。我尝试使用img标签显示图像，如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div id="header">
        <h1>
            Select mail service:
        </h1>
        <img src="C:\Users\MvcContactsImporter\Graphics\YahooLogo.jpg"/>
    </div>
    @RenderBody()
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>

但是在FireFox浏览器中，我得到了这个：

enter image description here

如果我将浏览器更改为Internet Explorer，我会得到：

enter image description here

文件的扩展名，名称和路径是正确的。

知道可能导致问题的原因以及如何解决问题？

提前谢谢。

Answer 1

您无法使用绝对图像文件路径。把它放在web根文件夹中，改为使用相对路径。

UPD：看一下示例http://www.dotnetperls.com/mappath

Answer 2

如果您引用文件，则应将“file：//”添加到图片网址。

试一试

Answer 3

如果Graphics是项目目录中的文件夹，则提供@Url.Content()的相对路径，它将自行处理。

以这种方式提供网址：

<img src="@Url.Content("~/Graphics/YahooLogo.jpg")"/>

HTML img标记未显示图像

3 个答案: