MIME类型不适用于SVG

Question

我正在尝试将.svg文件嵌入到我的网页中（我正在使用Aptana编辑）。所需的代码是

<img src="pict.svg" width=800px/>

在Aptana内部运行时效果很好。但是在尝试使用localhost或将其部署到Internet时，我只能获得以下图标：

我在某处读过它与声明MIME类型有关，并建议在头部编写以下代码：

<meta http-equiv="content-type" content="image/svg+xml">

但没有任何改变。也许它与Aptana有关...例如，可以在不使用

的情况下更改文本编码

<meta charset="UTF-8">

这让我觉得.svg文件会发生类似的事情。

欢迎提出任何建议。

Answer 1

如果您有权访问.htaccess文件，请将此行代码添加到其中并保存。

AddType image/svg+xml .svg .svgz

那应该可以解决你的问题。

编辑：如何创建htaccess文件。

只需转到index.html或index.php文件所在的文件夹（您的主页），然后创建一个新文件.htaccess，只需将上面的代码添加到其中并保存即可。< / p>

Answer 2

要检查两件事：

1. 打开浏览器开发工具。转到网络/网络选项卡并加载页面。您应该能够从响应中看到返回的MIME类型是什么。寻找＆＃34; Type＆＃34;在Chrome或Firefox中的列中点击加号，然后查找＆＃34;内容类型＆＃34;响应标题。

2. 您的SVG文件是什么样的？独立SVG文件具有内联SVG不具备的一些基本要求。主要是检查您的SVG文件的根xmlns元素中是否有<svg>。

   <svg ... xmlns="http://www.w3.org/2000/svg" ... >