使用jQuery SVG插件加载跨域SVG

Question

我有一个加载SVG波形的代码，如下所示：

for (var i = 0; i < waveforms.length; i++) {
  $('#player-progress-' + i).svg({loadURL:waveforms[i]});
};

当SVG与代码位于同一服务器中时，它工作正常，但是当我将SVG移动到Amazon S3时，它停止工作。

SVG位于正确的存储桶和文件夹中，波形数组中的URL很好，但它们不会加载。

• 跨域问题？
• 是否有解决方法或解决此问题？

谢谢，

Answer 1

您需要在S3上启用CORS。根据{{​​3}}，每个存储桶的属性页中都有一个Add CORS Configuration选项。