HTML - 图像未显示

Question

我正在尝试在我的Asp.NET MVC 2项目上显示图像，但它无法正常工作。我已经尝试了很多东西。我知道该文件的路径是有效的，因为当我在Visual Studio 2010上键入"src="时，它为我提供了选择URL并向我显示项目中所有类的选项。

我的图片标记如下：

<img class="foo" src="Images/logo.jpg"/>

在我视图的文件夹中，我有另一个名为“Images”的文件夹，我放置了“logo.jpg”文件。

我对图片的css实际上只是：

.foo
{
   position: relative;
}

Answer 1

Fiddle您的代码可以正常使用

代码：

   <img class="foo" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQkcXs-qFPpoDX2Yh7A6IMRtoNvLRa-Fj_MKaIBal92xgo--7DDyQ"/>

<强> CSS

.foo
{
   position: relative;
}

问题出在src =“pickurl

之后的visual studio中的图像来源

选择图片来源表单 PickURL ，然后再将图片添加到您的项目中

找到图像文件，然后将其添加到项目中，然后添加图像的URL源

希望有所帮助

的更新

<img class="foo" src="@Url.Content("~/View/Images/logo.jpg")/>

仔细检查图片扩展程序

Answer 2

ASP.NET似乎更有可能将您的Images目录视为受保护资源，因为它位于Views目录中。 web.config中的这一位阻止了目录浏览：

<handlers>
  <remove name="BlockViewHandler" />
  <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
</handlers>

将Images目录移动到站点根目录或Content目录，然后（假设您使用的是WebPages语法）将图像的src属性修改为这些（取决于你移动它的位置）：

<%: Url.Content("~/Images/YourImages.png") %>

或

<%: Url.Content("~/Content/Images/YourImages.png") %>

Answer 3

试试这个：

<img class="foo" src="<%= Url.Content("~/Views/Home/Images/logo.jpg") %>" />

Answer 4

我不确定这是否有效，但我之前遇到了同样的问题，但我使用的是MVC 4。 尝试将ProjectName / FolderName添加到路径中。

<img class="foo" src="<projectName>/Images/logo.jpg"/>

Answer 5

@seganfredo，@ Ravinder：是的，尝试使用绝对路径并向后工作。像：

<img src="http://my-site.com/path/to/img/Images/logo.jpg"/>