首页 > 解决方案 > 将字符串保存到文本文件

问题描述

我有这个简单的 html 和 css 代码

function saveTextAsFile() {
    var textToWrite = document.getElementById('textArea').value;
    var textFileAsBlob = new Blob([ textToWrite ], { type: 'text/plain' });
    var fileNameToSaveAs = "untitled.txt";

    var downloadLink = document.createElement("a");
    downloadLink.download = fileNameToSaveAs;
    downloadLink.innerHTML = "Download File";
    downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
    downloadLink.onclick = destroyClickedElement;
    downloadLink.style.display = "none";
    document.body.appendChild(downloadLink);

    downloadLink.click();
}

var button = document.getElementById('save');
button.addEventListener('click', saveTextAsFile);

destroyClickedElement = (event) => { document.body.removeChild(event.target); }
<textarea id="textArea"></textarea>
<button type="button" value="save" id="save">Save</button>

JavaScript代码可以按我的意愿工作,当我单击保存按钮时,它会为我保存一个名为“untitiled.txt”的文件,但由于某种原因,首先此代码不适用于此stackoverflow片段部分,其次,是否有任何其他方法来保存文件中 textArea 中的文本?

就像我不想这样做 appendChild 和所有

标签: javascripthtmlfilesaveblob

解决方案


推荐阅读