MIME 类型和服务 svg 的问题：资源解释为图像但使用 MIME 类型 text/xml 传输答案

【问题标题】：Issue with MIME types and serving svg: Resource interpreted as Image but transferred with MIME type text/xmlMIME 类型和服务 svg 的问题：资源解释为图像但使用 MIME 类型 text/xml 传输
【发布时间】：2012-09-02 14:36:27
【问题描述】：

我的目标是一些带有 CSS 的 SVG 图像用作一些元素的背景，但遇到了一些奇怪的问题。 going directly to the image 工作正常，但在 CSS 中使用时出现以下错误：

Resource interpreted as Image but transferred with MIME type text/xml

我已将 .htaccess 文件添加到使用以下代码提供图像的目录中，但没有帮助：

AddType image/svg+xml svg

建议？

【问题讨论】：

这是 chrome 的，对吧？请具体说明您在哪个浏览器中看到此内容。

标签： css apache .htaccess svg mime-types

【解决方案1】：

可能的解释是，以前 HTTP 标头指定了错误的内容类型，现在您已修复它，某些软件使用了缓存信息。（在使用 XML 文件时并不罕见。）检查的简单方法是创建 .svg 文件的副本并在 CSS 中使用新名称引用它。

当我测试您在简单的background 规则中提供的 URL 时，图像在 Firefox、IE、Chrome、Safari 上显示没有问题（在 Win 7 上测试）。但是当我测试这个Content-Type: text/xml 由服务器发送时，所有浏览器根本不显示背景图像；没有显示错误信息。所以我想你用一些特殊的浏览器或特殊的设置进行了测试。

【讨论】：

【解决方案2】：

更新 .htaccess 对我不起作用。我在/etc/mime.types 中添加了以下行并重新启动了 apache 服务器，清除了缓存并且它工作了。

image/svg+xml                   svg

【讨论】：