基于 Chromium 的浏览器不加载本地 svg答案

【问题标题】：Chromium based browsers doesn't load local svg基于 Chromium 的浏览器不加载本地 svg
【发布时间】：2015-03-12 10:43:41
【问题描述】：

我想要实现的是简单地加载 local svg 图像，该图像存储在与 index.html 作为 img 元素源的同一目录中，如下所示：

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Svg Test</title>
</head>
<body>
   <img src="1.svg"/>
</body>
</html>

问题是在某些 Windows 7 机器上它根本没有加载，抛出：

资源解释为图像，但使用 MIME 类型 text/xml 传输：“file:///N:/svgTest/1.svg”。

我还尝试使用 javascript 动态创建 img 元素：

var imgObj = new Image();
imgObj.onload = function(){
    document.body.appendChild(imgObj);
}
imgObj.src = '1.svg';

但是这个也行不通。如果那时我从任何远程服务器打开相同的页面 - svg 将成功加载到该问题机器上。它还可以使用 Firefox 甚至 11 在本地加载。

【问题讨论】：

标签： html google-chrome svg chromium

【解决方案1】：

将HKEY_CLASSES_ROOT\.svg键的Content Type参数设置为image/svg+xml

【讨论】：