Question

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

<!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传输：＆＃34; 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。

Answer 1

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

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

1 个答案: