javascript - 将对象标签的数据属性更改为 SVG 文件

Question

我想通过Javascript动态更改标签的数据属性，知道该属性的值完全是位于服务器目录中的SVG文件。

基本上我想根据某些用户输入加载不同的 SVG。我尝试了 $('theObject').attr('data', 'FIleURL');

我还尝试了基本的 document.getElementById('theObject').setAttribute('data', 'FileURL');

SVG 只是无法加载，因为知道如果我直接将 URL 放入 HTML 中，一切都会正常工作。

这是我的 HTML:

<object data="" id="theObject" type="image/svg+xml"></object>

这是 JavaScript:

var theObject = document.getElementById("theObject");
            var svgDoc = a.contentDocument;
            a.onload = function () {
                    //Do Stuff
            };
            theObject.setAttribute('data', '~/SVGs/SVGFile.svg');

有什么想法吗？ 谢谢

Answer 1

~ 当您在网页中使用它时，它并不意味着您的主目录。