Javascript 下载在 Firefox 中停止，但在 Chrome 中有效

Question

我的 HTML 页面中有一个简单的按钮，用于下载 SVG 文件。这在 Chrome 中工作得很好，但在 Firefox 中文件只有一行(第一行)。

$("button").click(function(){
    svgSource = phylocanvas.getSvgSource();
    console.log(svgSource);
    if(svgSource){
        var hiddenElement = document.createElement('a');
        document.body.appendChild(hiddenElement); // Add the element to the DOM
        hiddenElement.setAttribute("type", "hidden"); // make it hidden
        hiddenElement.href = 'data:attachment/text,' + encodeURI(svgSource);
        hiddenElement.target = '_blank';
        hiddenElement.download = '<TMPL_VAR NAME="TREENAME">.svg';
        console.log(hiddenElement.download);
        hiddenElement.click();
    }
});

知道如何在 Firefox 中获取整个文件吗？

Answer 1

你也可以试试:

var pom = document.createElement('a');
    pom.setAttribute('href', 'data:text/xml;charset=utf-8,' + window.encodeURIComponent(textContent));
    pom.setAttribute('download', filename);

var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, true);

pom.dispatchEvent(event);

替换文本内容和文件名。