另存为文本文件 JavaScript

Question

目前，我正在使用这段代码：

<?php
header('Content-type: application/force-download');
header('Content-Disposition: attachment; filename="'.$_POST['savename'].'.bob"');
echo($_POST['savedata'])
?>

它获取表单的数据，创建附件并将其发送回来。这是没有用的，因为客户端有数据。我想将其重写为：

myForm.onsubmit = SomeSaveToFileFunction()

Answer 1

Chrome 现在可以做到这一点。

html

<textarea></textarea><button>save</button>

Javascript

document.getElementsByTagName('button')[0].onclick = function(){

  var a = document.createElement('a');

  a.href = 'data:text/plain;base64,'+
    btoa(document.getElementsByTagName('textarea')[0].value);

  a.textContent = 'download';
  a.download = 'text.txt';
  a.click();

}

演示

http://jsfiddle.net/88BYB/ 3/

编辑最新版本的chrome不接受下载属性。(chrome35)

Answer 2

事实上，流量可能毫无用处。你说得对。但正如 Pointy 所说，不幸的是，仅仅使用 javascript 是没有办法的。

如果您只想以更优雅的方式实现下载（而不是页面重新加载），请使用加载 PHP 响应的“隐藏”iframe。也许您可以轻松地将 PHP 处理从 POST 切换为 GET 并且...

myForm.onsubmit = function(formValueSavename, formValueSavedata) { 
// phpIframeRef addresses you hidden iframe
phpIframeRef.loaction.href = 'sendData.php?savename=' + formValueSavename + '&savedata=' + formValueSavedata;
}

您可能需要一些代码来抑制对表单的默认处理...我不知道。

Answer 3

出于明显的安全原因，JavaScript 无法直接在本地计算机上写入文件。然而，您也许可以使用 ActiveX 对象来完成您需要的操作，但同样，它仅适用于 IE。然后，您将需要 NPAPI 等等效项来使其与 Chrome 兼容。

我想你应该坚持你实际做的方式，如果它像你想要的那样工作。

编辑：我的意思是 NPAPI 而不是“API”。它可以让您构建以 ActiveX 相同方式工作的插件，并让您执行相同的操作。