我想写数据到现有的文件使用JavaScript。 我不想在主机上打印。 我想实际写入数据到abc.txt。 我读了很多回答的问题，但他们都是在主机上打印的。 在某些地方，他们给出了代码，但它不起作用。 所以请任何人可以帮助我如何实际写入数据文件。
我引用了代码，但它不工作: 给出错误:
Uncaught TypeError:非法构造函数
在chrome和
SecurityError:操作不安全。
在Mozilla
var f = "sometextfile.txt";
writeTextFile(f, "Spoon")
writeTextFile(f, "Cheese monkey")
writeTextFile(f, "Onion")
function writeTextFile(afilename, output)
{
var txtFile =new File(afilename);
txtFile.writeln(output);
txtFile.close();
}
所以我们实际上可以写数据到文件只使用Javascript或不?
当前回答
Try
let a = document.createElement('a'); a.href = "data:application/octet-stream，"+encodeURIComponent("My data "); A.download = 'abc.txt'; a.click ();
如果你想下载二进制数据，看这里
更新
2020.06.14我将Chrome升级到83.0及以上的SO snippet停止工作(原因:沙箱安全限制)-但JSFiddle版本工作-在这里
其他回答
Try
let a = document.createElement('a'); a.href = "data:application/octet-stream，"+encodeURIComponent("My data "); A.download = 'abc.txt'; a.click ();
如果你想下载二进制数据，看这里
更新
2020.06.14我将Chrome升级到83.0及以上的SO snippet停止工作(原因:沙箱安全限制)-但JSFiddle版本工作-在这里
我在这里找到了很好的答案，但也找到了更简单的方法。
创建blob的按钮和下载链接可以组合在一个链接中，因为link元素可以有一个onclick属性。(反过来似乎是不可能的，在按钮上添加href是行不通的。)
您可以使用bootstrap将链接设置为按钮样式，这仍然是纯javascript，除了样式。
结合按钮和下载链接还可以减少代码，因为需要的丑陋的getElementById调用更少了。
这个例子只需要点击一个按钮来创建text-blob并下载它:
<a id="a_btn_writetofile" download="info.txt" href="#" class="btn btn-primary"
onclick="exportFile('This is some dummy data.\nAnd some more dummy data.\n', 'a_btn_writetofile')"
>
Write To File
</a>
<script>
// URL pointing to the Blob with the file contents
var objUrl = null;
// create the blob with file content, and attach the URL to the downloadlink;
// NB: link must have the download attribute
// this method can go to your library
function exportFile(fileContent, downloadLinkId) {
// revoke the old object URL to avoid memory leaks.
if (objUrl !== null) {
window.URL.revokeObjectURL(objUrl);
}
// create the object that contains the file data and that can be referred to with a URL
var data = new Blob([fileContent], { type: 'text/plain' });
objUrl = window.URL.createObjectURL(data);
// attach the object to the download link (styled as button)
var downloadLinkButton = document.getElementById(downloadLinkId);
downloadLinkButton.href = objUrl;
};
</script>
上面的答案是有用的，但是，我找到了代码，它可以帮助你直接下载文本文件点击按钮。 在此代码中，您还可以更改文件名，如您所愿。它是纯javascript功能与HTML5。 对我有用!
function saveTextAsFile()
{
var textToWrite = document.getElementById("inputTextToSave").value;
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
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.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
}
downloadLink.click();
}
const data = {name: 'Ronn', age: 27}; //sample json
const a = document.createElement('a');
const blob = new Blob([JSON.stringify(data)]);
a.href = URL.createObjectURL(blob);
a.download = 'sample-profile'; //filename to download
a.click();
在这里检查Blob文档- Blob MDN为文件类型提供额外的参数。默认情况下，它将生成.txt文件
对此，我有一些建议
如果你试图在客户端机器上写一个文件，你不能在任何跨浏览器的方式这样做。IE确实有一些方法可以让“受信任的”应用程序使用ActiveX对象来读写文件。 如果您试图将其保存在服务器上，那么只需将文本数据传递到服务器，并使用一些服务器端语言执行文件编写代码。 要在客户端存储相当小的信息，可以使用cookie。 使用HTML5 API进行本地存储。
