如何用JavaScript创建和下载XML文件？

Question

我得到如下要求：

有一个网页上的链接。当用户点击链接时，它应该立即创建一个文件并弹出一个下载框。如何使用Java脚本来做到这一点？

Answer 1

如果用户信任您，您可以直接在他的文件系统中创建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

编辑：这并不适用于火狐17+工作，因为改变特权被视为不安全并被删除。在这里看到更多的细节：https://bugzilla.mozilla.org/show_bug.cgi?id=546848#c57

Answer 2

您可以创建一个数据URI。大多数现代浏览器应该能够理解它。请参阅http://en.wikipedia.org/wiki/Data_URI_scheme

Answer 3

尝试以后有什么安德烈亚斯说，我要补充一句：

脚本：

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

你有一个这样的链接，请注意the new download atribute，有了它，你把文件名称。

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

它的工作原理，至少在Chrome 27和Firefox 21

改进，欢迎:-)

Answer 4

您可以使用斑点如本例所示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();