如何使用AJAX加载SVG文件内容？

Question

我正在尝试使用jQuery AJAX访问SVG文件的内容，但在Chrome中仍然遇到相同的错误。

的JavaScript

$.get("my.svg", function(data){
  print(data)
})

控制台输出

[Error] jquery.min.js:4 XMLHttpRequest cannot load file:'///Users/james.jensen/Desktop/helloworld/my.svg'. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

我完全复制并粘贴了来自here的代码，并将其更改为符合我的情况，所以我不确定为什么我的代码会以这种方式出现故障。

提前致谢

Answer 1

事实证明，这个问题与Chrome有关。我在Safari上运行相同的代码，它运行得很好。我查看了一些解决方案，这些解决方案可以让我在Chrome上运行相同的代码，并发现我必须通过像python这样的本地运行服务器。

Answer 2

$.get('/my.svg', function(svg) {
   console.log(svg);
}, 'text');