Chrome 中针对 png 图像的 MIME 类型警告

Question

刚刚在 Chrome 中运行我的网站，令人惊讶的是，它对我的​​每个 .png 图像都出现了这个警告：

Resource interpreted as image but transferred with MIME type application/octet-stream.

有人以前见过这个吗？

问候

Answer 1

我在使用 ASP.NET 开发服务器运行 ASP.NET WebForms 应用程序时遇到了这种情况。

我怀疑如果您也使用 IIS Express 作为服务器（VS 2010 SP1），也会发生类似的情况。

我通过编辑项目设置（在 Web 下）在本地“解决”了我的问题，并将本地计算机上的 ASP.NET 开发服务器更改为 IIS。我可以看到 PNG 已经被正确定义为图像 MIME 类型，事实上，当我访问本地 IIS 服务器时，它会提供正确类型的文件。

Answer 2

此警告告诉您，您的 Web 服务器未配置为发送 PNG 图像的正确 MIME 类型元数据。您可能应该咨询您的 Web 服务器管理员并要求他们设置正确的 MIME 映射

Answer 3

我在 .htaccess 中添加了这样的类型（AddType 图像/类型扩展）
IE

AddType image/png cur
AddType image/svg+xml svg svgz

Answer 4

当然以上解决方案是完美的。只是为了避免警告和干净的控制台，我在代码中进行了更改。 （这也仅适用于 ASP.NET 开发服务器）我为此编写了一个额外的处理程序：

PNGHandler.cs

class PNGHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    { 
       if(context.Request.HttpMethod == "GET") 
       {
             string requestedFile = context.Server.MapPath(context.Request.FilePath);
             FileInfo fileinfo = new FileInfo(requestedFile);
             string contentType = "";
             if (fileinfo.Exists && fileinfo.Extension.Remove(0, 1).ToUpper() == "PNG")
             {
                   contentType = "image/png";
                   context.Response.ContentType = contentType;
                   context.Response.TransmitFile(requestedFile);
                   context.Response.End();
              }
         }
    }
}

并在 system.web 下的 web.config 中添加了 Http 处理程序

<system.web>
 <httpHandlers>
 <add path="*.png" verb="*" type="PNGHandler" />
 </httpHandlers>
</system.web>

Answer 5

我发现的解决垃圾邮件的最快方法是使用 CTRL 键选择“错误”、“警告”和“调试”，而不是全部选择。

全部：

错误、警告和调试：

Answer 6

我通过在控制面板中启用静态内容解决了这个问题程序和功能 > 打开或关闭 Windows 功能 > IIS组件> 万维网服务 > 常见 HTTP 功能