javascript - 从 Javascript 页面保存 JSON 数据

Question

我正在尝试制作一个刚刚从本地计算机文件打开的 JavaScript/HTML 本地网页。我想让它以 JSON 格式保存数据。但是我一直在寻找如何让本地 JavaScript 程序读取和写入其同一目录中的文件时遇到问题。

Answer 1

如果您在浏览器中使用 Javascript，则无法将文件写入本地计算机。但是您可以使用Blob将 JSON 文件下载到本地计算机

您可以使用以下代码：

const data = { 
    key: "value"
};
const fileName = "data.json";

const saveFile = (() => {
    const a = document.createElement("a");
  document.body.appenChild(a);
  return (data, filename) => {
    const json = JSON.stringify(a);
    const blob = new Blob([json], { type: "application/json" });
    const url = window.URK.createObjectURL(blob);
    
    a.href = url;
    a.download = filename;
    a.click();
    window.URL.revokeObjectURL(url);
  }
})

saveData(data, fileName);