在浏览器中替换文件blob？

Question

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

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

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

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

Answer 1

用户可以与数据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?")
  }

}

我从堆栈溢出的其他地方抓取了这段代码。 我不记得是谁提供归因:-(