MVC4项目图像无法显示

时间:2012-08-23 09:23:48

标签: html asp.net-mvc vb.net asp.net-mvc-4 visual-studio-2012

我刚刚将我的第一个MVC4项目从我的开发机器部署到我的生产IIS7.5服务器,并且我在使服务器上的图像正确显示方面遇到了一些问题。

这可能是IIS7中的权限问题吗?

<input type="image" src="Content/Images/Product.png" runat="server" />

enter image description here

当我在桌面上运行时,图像显示正确,但是当我部署到服务器时,我得到标准的断开链接图像。我已确认图像在正确的路径中位于服务器上。

我也尝试更改src以使用波形符src="~/Content/Images/Product.png",但它仍然不起作用

这也开始影响site.css文件的加载

<head>
    <meta charset="utf-8" />
    <title>@ViewData("Title")</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>
</head>

在Chrome中,我收到一条错误消息,说它未找到并且未在任何浏览中加载,但我已确认其在磁盘上。 enter image description here

这里发生了一些奇怪的事情......

的Web.Config

<?xml version="1.0"?>
<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=152368
  -->
<configuration>
  <configSections>
    <!-- For more information on Entity Framework configuration, visit http://go.microsoft.com/fwlink/?LinkID=237468 -->
    <section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=4.4.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false"/>
  </configSections>
  <appSettings>
    <add key="webpages:Version" value="1.0.0.0"/>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.0"/>
    <authentication mode="Forms">
      <forms loginUrl="~/Account/LogOn" timeout="2880"/>
    </authentication>
    <pages controlRenderingCompatibilityVersion="4.0">
      <namespaces>
        <add namespace="System.Web.Helpers"/>
        <add namespace="System.Web.Mvc"/>
        <add namespace="System.Web.Mvc.Ajax"/>
        <add namespace="System.Web.Mvc.Html"/>
        <add namespace="System.Web.Routing"/>
        <add namespace="System.Web.WebPages"/>
      </namespaces>
    </pages>
    <profile defaultProvider="DefaultProfileProvider">
      <providers>
        <add name="DefaultProfileProvider" type="System.Web.Providers.DefaultProfileProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" applicationName="/"/>
      </providers>
    </profile>
    <membership defaultProvider="DefaultMembershipProvider">
      <providers>
        <add name="DefaultMembershipProvider" type="System.Web.Providers.DefaultMembershipProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false" maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10" applicationName="/"/>
      </providers>
    </membership>
    <roleManager defaultProvider="DefaultRoleProvider">
      <providers>
        <add name="DefaultRoleProvider" type="System.Web.Providers.DefaultRoleProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" applicationName="/"/>
      </providers>
    </roleManager>
    <sessionState mode="InProc" customProvider="DefaultSessionProvider">
      <providers>
        <add name="DefaultSessionProvider" type="System.Web.Providers.DefaultSessionStateProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection"/>
      </providers>
    </sessionState>
  </system.web>
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules runAllManagedModulesForAllRequests="true"/>
  </system.webServer>
  <runtime>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35"/>
        <bindingRedirect oldVersion="1.0.0.0-2.0.0.0" newVersion="3.0.0.0"/>
      </dependentAssembly>
    </assemblyBinding>
  </runtime>
  <entityFramework>
    <defaultConnectionFactory type="System.Data.Entity.Infrastructure.SqlConnectionFactory, EntityFramework"/>
  </entityFramework>
  <connectionStrings>
    <add name="DefaultConnection" providerName="System.Data.SqlClient" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-QSmartRectification-20120731104636;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-QSmartRectification-20120731104636.mdf"/>
  </connectionStrings>
  <system.serviceModel>
    <bindings>
      <basicHttpBinding>
        <binding name="Synchronise" />
      </basicHttpBinding>
    </bindings>
    <client>
      <endpoint address="http://172.30.66.20/QSmart/Synchronise/" binding="basicHttpBinding"
        bindingConfiguration="Synchronise" contract="QSmartRectificationProvider.ISyncProvider"
        name="Synchronise" />
    </client>
  </system.serviceModel>
</configuration>

4 个答案:

答案 0 :(得分:7)

这可能是绝对路径的问题。如果页面是视图ActionResult并且默认路由规则适用,那么您可以尝试“../../content/product.png”。或者,您可以使用helper @ Url.Content(“〜/ content / product.png”)。您始终可以使用浏览器检查绝对路径。

同时检查您的路由规则,看看它是否将内容文件夹映射到控制器。

答案 1 :(得分:0)

你在哪里调用图像? 如果你在“查看”文件夹之一,你应该尝试 src="../../Content/Images/Product.png"

注意:每个..表示一个文件夹。

答案 2 :(得分:0)

您是否尝试在前面添加“/”前缀?

<input type="image" src="/Content/Images/Product.png" runat="server" />

还有一个猜测是你可能在路由中将RouteExistingFiles属性设置为true,因此css和图像没有加载。

答案 3 :(得分:0)

您可以访问它 server.MapPath("Images")+yourPhotoMappath(".")+\\Images\\+ yourPhoto