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

我正在尝试用这个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); }); 

} else {

…

其中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函数问题？

提前致谢

Answer 1

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

例如，将svg文件移动到与javascript文件相同的文件夹，然后执行以下操作：

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