在浏览器中替换文件blob?

时间:2015-07-28 21:26:17

标签: javascript file blob

我早些时候问了这个问题,但有人拒绝投票并指责我试图在没有阅读的情况下将文件写入本地文件系统。

我在企业环境中拥有只能以chrome访问的网站,所以请记住这一点。

我可以在PC上选择本地文件夹,并在浏览器中打开所有子文件夹和文件。我使用客户端javascript来解析这些文件,并查找一种特定类型的.xml文件,该文件在内部用于呈现类似演示的powerpoint。我可以对这个xml文件进行更改并将其作为blob吐出来。

我想做什么,但不知道如何用修改后的数据/ blob替换原始文件中的数据或blob。

1 个答案:

答案 0 :(得分:2)

用户可以与数据blob进行交互吗?如果是这样,您可以使用保存文件功能并覆盖原始文件。

function saveFile( data )
{
  var textFileAsBlob = new Blob([yourData], {type:'text/plain'});
  //or replace the code above with your already formed blob

  var fileNameToSaveAs = "File_Name_Goes_Here.xml";

  var downloadLink = document.createElement("a");
  downloadLink.download = fileNameToSaveAs;
  //downloadLink.innerHTML = "Download File";
  if (window.webkitURL != null){
      // Chrome allows the link to be clicked
      // without actually adding it to the DOM.
      downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
  }
  else{
      // Firefox requires the link to be added to the DOM
      // before it can be clicked.
      try {
          downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
          downloadLink.onclick = destroyClickedElement;
          downloadLink.style.display = "none";
          document.body.appendChild(downloadLink);
      }
      catch( e ){
          console.log("error saving firefox file")
      }
      // IE 10+
      try {
          window.navigator.msSaveBlob(textFileAsBlob, fileNameToSaveAs);
      }
      catch(e){
          console.log("error saving IE file")
      }
  }

  try {
      downloadLink.click();
  }
  catch(e) {
      console.log("Unable to click the download link.  Are you using IE?")
  }

}

我从堆栈溢出的其他地方抓取了这段代码。我无法记住提供归属的人: - (