gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 01:23:27 26 4
gpt4 key购买 nike

我正在尝试用此 SVG 的内容替换嵌入 IMG 标签中的 SVG 图像并将其内联输出。换句话说,将给定 IMG SRC 属性的 SVG 文件内容加载到变量中,并将其作为内联 SVG 注入(inject) HTML,如下所示:

...

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

}其他{

...

其中 var type 是图像类别,format 是图像类型: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 函数的问题?

提前致谢

最佳答案

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

例如,将 svg 文件移至与 javascript 文件相同的文件夹,然后执行以下操作:

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

关于jquery - 将外部 SVG 文件加载到变量中并附加到 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24286486/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com