在不使用$ .GET

Question

我想在html文档中内联所有svg图形。我正在使用：

$('img[src$=".svg"]').each(function() {
    var $img=$(this);       
    var imgURL=$img.attr('src');
    $.get(imgURL, function(data) {
    ..............

当我从http服务器请求html文档时，一切正常。当然，当我双击本地html文件（只是在浏览器本地打开）时，这不起作用并得到此错误：

jquery.js：8630 XMLHttpRequest无法加载file：///file.svg。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。

有什么想法可以解决这个问题并在不需要HTTP服务器的情况下将SVG内联到HTML文档中吗？

Answer 1

您的.svg文件应该在没有任何额外工作的情况下加载。您正在做的事情不需要代码。见link to how things will look