jquery - 在不使用 $.GET 的情况下在 HTML 中内联 SVG

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。跨源请求仅支持以下协议(protocol)方案:http、data、chrome、chrome-extension、https、chrome-extension-resource。

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

Answer 1

您的 .svg 文件应该会被加载，您无需做任何额外的工作。您正在做的事情不需要代码。参见 https://css-tricks.com/using-svg/