如何创建“另存为”和“加载”对话框以在 javascript 中创建/加载 json 文件/数据？

Posted 2023-05-07

【中文标题】如何创建“另存为”和“加载”对话框以在 javascript 中创建/加载 json 文件/数据？

【英文标题】：How do I create "save as" and "load" dialogs to create/load json files/data within javascript?

【发布时间】：2015-01-04 16:03:02

【问题描述】：

我正在为我正在创建的游戏创建一个小型关卡编辑器，完全供个人离线使用。

如何创建另存为/加载按钮，分别将我的关卡保存为 json 数据，并读取之前保存的数据？

谢谢！

【问题讨论】：

如果自定义数据不共享，你可以简单地使用localStorage来保存reloads之间的数据。您还可以使用 input[type=file]/dnd 让应用程序从用户硬盘驱动器上的文件中获取数据，并使用下载器（如 github.com/rndme/download）将应用程序创建的数据转换为用户 下载文件夹。

localStorage 非常完美，谢谢！

【参考方案1】：

javascript 无法访问文件系统，这意味着您无法从中读取、加载和保存数据。

然而，在 html5 中有一个 API 可以做到这一点，并且可以通过 Javascript 进行编程。这里有一个关于如何使用HTML5 filesystem API读写数据的教程。