JavaScript 在客户端自动保存文本到文件

问题描述

我正在使用代码编辑器和文件视图,我希望用户代码编辑器中键入的内容自动保存在文件中。我有一个功能来下载包含当前文本的文件,如下所示:

function saveFile() {
    var text = editor.doc.getValue();
    var text = text.replace(/\n/g,"\r\n");
    var blob = new Blob([text],{type: "text/x-python;charset=utf-8"});
    saveAs(blob,selectedFileName.name);
}

使用 FileSaver.js,链接http://purl.eligrey.com/github/FileSaver.js

我将文件存储在文件数组中并将它们显示为无序列表。

目前我正在像这样替换整个文件

fileList[0] = new File(["content"],"filename");

是否可以直接更新fileList中文件的文本,而无需创建新文件并替换它?

解决方法

您可以使用本地存储在客户端存储数据。 // 存储

localStorage.setItem("lastname","Smith");

// 检索 document.getElementById("result").innerHTML = localStorage.getItem("lastname");

,

在此处查看有关本地存储的所有示例,并用简单的单词举例 所以请检查一下—— https://sknetking9.blogspot.com/2021/06/note-pad-tool-using-javascript-how-to.html

本地存储集数据,通过 js 和 html 获取数据和删除数据,所以我认为它的帮助很大 --