如何使用javascript动态创建和下载XML文件？

Question

我有一个要求如下:

网页上有一个链接.当用户点击链接时,它应该动态创建一个文件并弹出一个下载框.如何使用java脚本？

Answer 1

您可以使用blob,如此示例中所示http://html5-demos.appspot.com/static/a.download.html

您可以使用以下代码创建javacript函数

var xmltext = "<sometag><someothertag></someothertag></sometag>";
var pom = document.createElement('a');

var filename = "file.xml";
var pom = document.createElement('a');
var bb = new Blob([xmltext], {type: 'text/plain'});

pom.setAttribute('href', window.URL.createObjectURL(bb));
pom.setAttribute('download', filename);

pom.dataset.downloadurl = ['text/plain', pom.download, pom.href].join(':');
pom.draggable = true; 
pom.classList.add('dragout');

pom.click();

Answer 2

尝试安德烈亚斯说我会添加一些东西:

脚本:

function createAndOpenFile(){
    var stupidExample = '<?xml version="1.0" encoding="utf-8"?><aTag>something</aTag>';
    document.open('data:Application/octet-stream,' + encodeURIComponent(stupidExample));
}

你有一个像这样的链接,请注意新的下载属性,用它你输入文件名.

<a href="#" onclick="createAndOpenFile()" download="file.xml">Donwload</a>

它至少在Chrome 27和Firefox 21中有效.

欢迎改进:-)

Answer 3

如果用户信任您，您可以直接在他的文件系统中创建 XML 文件。Mozilla Firefox 的示例代码：

function mozillaSaveFile(filePath,content)
{
    if(window.Components) {
        try {
            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
            file.initWithPath(filePath);
            if(!file.exists())
                file.create(0,0664);
            var out = Components.classes["@mozilla.org/network/file-output-stream;1"].createInstance(Components.interfaces.nsIFileOutputStream);
            out.init(file,0x20|0x02,00004,null);
            out.write(content,content.length);
            out.flush();
            out.close();
            return true;
        } catch(ex) {
            return false;
        }
    }
    return null;
}

如果您需要所有浏览器的支持，请参阅http://www.tiddlywiki.com中的实现方式

编辑：这不适用于Firefox 17+，因为更改权限被认为不安全并被删除。请参阅此处了解更多详细信息：https://bugzilla.mozilla.org/show_bug.cgi? id=546848#c57