Question

我已经阅读了许多图像问题的解决方案，但它们都没有为我工作，我无法弄清楚我哪里出错了。我正在开发一个ASP.Net MVC 4项目，我想做的就是在其中一个视图中添加一个图像。在这个相同的视图中已经是一个显示完美的图像。

以下是非工作图像的一些代码：

 @Scripts.Render("~/Scripts/Page/QueryForm.js")

 <img id="searchPic" src="@Url.Content("~/Images/NereusSearchLogo-small.jpg")" alt="Pic"/>

 <input list="RecentQueries" name="q" value="@(Model.SearchResults == null ? string.Empty : Model.SearchResults.Query)" autocomplete="off"/>
 <datalist id="RecentQueries">
    @{
  foreach (var query in Model.RecentQueries)
  {
     <option value="@query.Text">@query.LastUsed.ToLocalTime()</option>
  }
    }
 </datalist>
 <button type="button" id="search">Search</button>
 <button type="button" class="hasTooltip" id="new-project-search" title="Start a new search project">New Project Search</button>

以下是工作图像的代码：

 <span id="search-period-dd" data-dropdown="#search-period-menu" data-horizontal-offset="-8">

 <img src="@Url.Content("~/Images/arrow_down-grey-16.png")" class="hasTooltip" title="Filter search results based on date" />

 <span id="search-period">@(Model.StartDate == null? Model.SearchPeriodOption.GetAttribute<DisplayAttribute>().Name : "Since " + Model.StartDate.Value.ToLocalTime().ToString("d"))</span>

这是生成的html：

 <img id="searchPic" src="/Images/NereusSearchLogo-small.jpg" alt="Pic"/>

 <input list="RecentQueries" name="q" value="" autocomplete="off"/>
 <datalist id="RecentQueries">
     <option value="Mice">8/7/2013 3:57:38 PM</option>
     <option value="Deer">8/7/2013 1:12:49 PM</option>
     <option value="Pigs">8/7/2013 12:22:29 PM</option>
     <option value="Cats">8/7/2013 9:23:59 AM</option>
     <option value="Dogs">8/7/2013 9:23:56 AM</option>
     <option value="Birds">8/7/2013 9:23:48 AM</option>

 </datalist>
 <button type="button" id="search">Search</button>
 <button type="button" class="hasTooltip" id="new-project-search" title="Start a new search project">New Project Search</button>


 <link href="/Content/Common/ThirdParty/jquery.dropdown.css" rel="stylesheet"/>

 <link href="/Content/Page/SearchPeriodDropdown.css" rel="stylesheet"/>


 <script src="/Scripts/Common/ThirdParty/jquery.dropdown.js"></script>

 <script src="/Scripts/Page/SearchPeriodDropdown.js"></script>


 <span id="search-period-dd" data-dropdown="#search-period-menu" data-horizontal-offset="-8">
 <img src="/Images/arrow_down-grey-16.png" class="hasTooltip" title="Filter search results based on date" />
  <span id="search-period">Any time</span>
 </span>

图像在物理上位于正确的目录中，并已添加到Images文件夹下的项目中。

当我使用Chrome检查元素时，没有警告/错误。

任何帮助都会非常感激，因为我最终会知道这为什么会一直显示图像损坏图标。

修改更新：我确认两张图片都在同一个文件位置。两者都已添加到同一文件夹下的项目中。当在Visual Studio（2012）中盘旋时，两个图像都会显示出来。在Visual Studio（2012）中选中时，两者在“属性”选项卡下具有相同的完整路径值（减去其名称）。但是，如果我在代码中交换他们的名字，问题图像仍然不会出现，好的图像也会出现。我现在还不知道为什么。谢谢你的帮助。

Answer 1

Danrhul是对的。这是该公司的过滤器。我刚刚将文件类型更改为png，一切正常。

在我的视图中图像不显示，而另一个图像是

1 个答案: