javascript - 使用 JavaScript 将文件存储到本地机器(下载中)

Question

我想将文件存储到本地机器。

对于 HTML5，我们可以使用 cookies 和 local storage 将数据存储到本地机器。本地存储使用key-value 对(json)来存储数据。但是，我想以不同的格式保存数据，例如 XML。

在 convertonlinefree.com 等网站上，文件转换完成后，文件将自动开始下载。

所以，我正在考虑一种方法来做到这一点:当用户单击一个按钮时，XML 文件将自动下载。这可能吗？如果可以，我该怎么做？

Answer 1

您可以创建不可见元素，例如a 并模拟点击它来下载文件，check my codepen用于演示。

重要的是:

var text = xmlContent.value;
// Create element.
a = document.createElement('a');
// Attach href attribute with value of your file.
a.setAttribute("href", "data:application/xml;charset=utf-8," + text);
// HTML5 property, to force browser to download it.
a.setAttribute("download", "my.xml");
a.click();

您可以选择将 application/xml 部分替换为故意不正确的 MIME 类型，以强制浏览器下载文件而不是尝试显示它。