javascript - 下载使用 jquery 的 .innerhtml 制作的文件在第一个 "#"处中断

Question

我有这个代码:

function download()
{
    var a = document.body.appendChild(document.createElement("a"));
    a.download = "CalExport.svg";

    var dd = document.getElementById('SvgResult');
    alert(dd.innerHTML); //displays fine

    a.href = "data:image/svg+xml," + dd.innerHTML;
    a.click();//downloaded file cuts off at the first "#"
}

当警报显示时，没关系，下载的版本在第一个“#”之前被切断。我该如何解决这个问题？

Answer 1

由于这是 href 的一部分，因此您需要首先对数据进行 url 编码，例如。

function download()
{
    var a = document.body.appendChild(document.createElement("a"));
    a.download = "CalExport.svg";

    var dd = document.getElementById('SvgResult');
    alert(dd.innerHTML); //should still display fine

    a.href = "data:image/svg+xml," + encodeURIComponent(dd.innerHTML);
    a.click();//should now not cut off.
}

网址中 # 的安全变体是 %23%0A(查看此工具:http://meyerweb.com/eric/tools/dencoder/)。