加载外部SVG文件到变量并附加到html

我试图用这个SVG的内容替换IMG标记中嵌入的SVG图像，并将其输出内联。换句话说LO加载给IMG SRC的SVG文件的内容属性转换为可变，并注入其作为内联SVG到HTML中，像这样：加载外部SVG文件到变量并附加到html

...

else if (type && type === 'img-simple') { 
    if (format === 'svg') { 
     $.get(src, function(data) { 
     var svg = $(data); 
     $bg.append(svg); 
    });

}其他{

...

其中var类型是图片类格式图像类型：JPG，下垂等

使我有以下错误：

[Error] Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. (img01.svg, line 0) 
[Error] XMLHttpRequest cannot load file:///Users/img01.svg. Origin null is not allowed by Access-Control-Allow-Origin. (index.html, line 0)

显然它是get函数的问题？

预先感谢

来源

2014-06-18 jewels

是有任何其他方式向下垂文件的内容加载到jQuery的变量（为了将其附加到HTML）？ – jewels

svg文件可能不在您的服务器上？ – mwager

我从本地文件夹（不是服务器版本）测试它...... – jewels

不能使用file://协议通过AJAX加载数据。您需要使用http://

例如，SVG文件移动到同一文件夹作为您的JavaScript文件，然后执行：

$.get('img01.svg', function(data) { 
    $bg.append(data); 
});

来源

2014-06-19 14:50:00 mwager

加载外部SVG文件到变量并附加到html

回答

相关问题