加載外部SVG文件到變量並附加到html

我試圖用這個SVG的內容替換IMG標記中嵌入的SVG圖像，並將其輸出內聯。換句話說LO加載給IMG SRC的SVG文件的內容屬性轉換爲可變，並注入其作爲內聯SVG到HTML中，像這樣：加載外部SVG文件到變量並附加到html

...

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

}其他{

...

其中var類型是圖片類格式圖像類型：JPG，下垂等

使我有以下錯誤：

[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函數的問題？

預先感謝

來源

2014-06-18 jewels

是有任何其他方式向下垂文件的內容加載到jQuery的變量（爲了將其附加到HTML）？ – jewels

svg文件可能不在您的服務器上？ – mwager

我從本地文件夾（不是服務器版本）測試它...... – jewels

不能使用file://協議通過AJAX加載數據。您需要使用http://

例如，SVG文件移動到同一文件夾作爲您的JavaScript文件，然後執行：

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

來源

2014-06-19 14:50:00 mwager

加載外部SVG文件到變量並附加到html

回答

相關問題