我有一个文本区域,其中包含我想输出到文本文件供用户下载的文本。
当用户单击保存按钮时,我正在使用此功能来抓取它
function saveTextAsFile()
{
var textToWrite = document.getElementById("inputText").value;
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
alert(textFileAsBlob);
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();
}
但是不保留换行符。它们存在于document.getElementById(“inputText”)。value中;但不是在从blob创建的文本文件中。
我遇到了同样的问题。这似乎对我有用:
textToWrite = textToWrite.replace(/\n/g, "\r\n");
更改
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
至
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain',endings:'native'});
可能无法在IE中工作,我不知道如何解决它
你应该把这样的东西放到你的代码中。
textToWrite.replace(/\r?\n/g, '<br />');