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

时间:2014-06-18 13:10:20

标签: jquery svg

我试图用这个SVG的内容替换嵌入在IMG标签中的SVG图像并将其输出为内联。换句话说,将给定IMG SRC属性的SVG文件的内容加载到变量中,并将其作为内联SVG注入到HTML中,如下所示:

...

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

}其他{

...

其中var类型是图像类,格式是图像类型:jpg,sag等。

这给了我以下错误:

[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函数问题?

提前致谢

1 个答案:

答案 0 :(得分:1)

您无法使用file://协议通过ajax加载数据。您需要使用http://

例如,将svg文件移动到与javascript文件相同的文件夹,然后执行:

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