javascript - 如何在离线网站中保存数据？

Question

我想要一个离线网站——某种格式(文件夹、zip、SingleFile 或 MHTML)的 HTML/JavaScript/CSS——它有一个用户 A 可以输入数据的表单，然后该数据以某种方式保存到网站，以便可以将其传输给另一个用户 B，该用户 B 可以打开它并查看数据。这个想法是模仿您在可填写表格的 PDF 中找到的功能。

使用 localStorage 可以很容易地保存数据，但数据会驻留在用户 A 的浏览器中。据我了解，网站无法将文件直接保存到硬盘。那么这是如何实现的呢？我唯一能想到的就是让表单将数据“导出”到用户 A 必须复制、粘贴到编辑器中并保存到本地网站上适当位置的某个 JSON。但也许有更好的解决方案？

Answer 1

您创建 JSON 的方法似乎不错，您可以使用一个按钮将 JSON 保存到文件中。类似的东西；

jsobj = jsobjectwithyourdata
var json = "text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(jsobj));
$('<a href="data:' + json + '" download="export.json">Download</a>').appendTo('#somewhere');

然后您的用户只需点击链接即可。