javascript - 是否可以将 HTML 表单中填写的数据保存到本地存储在 PC 上的 xml 文件中并从中检索？

Question

我最近制作了一个 HTML 表单来填写一些服务报告，现在想要在 PC 本身上保存和检索它们(最好是 xml 格式)(不在服务器上)。

我也在 w3scools/此页面上检查过它，但仍然无法得到所需的解决方案。

您能告诉我实现这一目标的可能方法吗？

Answer 1

您可以检查此应用程序 ( http://www.cloudformatter.com/Nimbus ) 背后的 Javascript，如下页面所示:

Sample Nimbus Invoice

此代码显示 (1) 编辑器区域中的数据不断保存到本地存储，(2) 制作伪 HTML/XML 文件并下载到磁盘的选项(保存到...磁盘)，(3) 选项制作相同的包并保存到网络上的存储(New Nimble、Save Nimble)。我不会详细介绍所有代码，最相关的是下面的代码，用于将存储在变量“archive”中的包本地保存到磁盘:

function SaveFile(archive) {
var textToBLOB = new Blob([archive.innerHTML], { type: 'text/xml' });
var sFileName = 'varypackage.html';
var newLink = document.createElement('a');
newLink.download = sFileName;
if (window.webkitURL !== null) {
  newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
  newLink.href = window.URL.createObjectURL(textToBLOB);
  newLink.style.display = 'none';
  document.body.appendChild(newLink);
}
newLink.click();

}

在此处查找所有代码(其中包含的内容不仅仅是保存/加载，但它位于此处):http://www.cloudformatter.com/Resources/pages/varyhtml/script/02_control.js