从 Javascript 页面保存 JSON 数据

Posted 2023-03-17

【中文标题】从 Javascript 页面保存 JSON 数据

【英文标题】：Saving JSON data from a Javascript page

【发布时间】：2021-01-04 14:01:13

【问题描述】：

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

【参考方案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);