我可以用HTML5/JS编写文件吗？

Question

我想知道是否有任何方法可以写入来自HTML5/JS的文件？在broswer ......

Answer 1

假设您的最终目标是让用户将文件保存到他们将找到的位置,就像右键单击链接并选择"另存为..."一样,这些API还没有广泛的浏览器覆盖范围,可能是出于安全考虑.

然而,您可以做什么 - 无论是否使用API​​ - 通过指向建议文件名的属性的data:uri链接来加密它download.例如:

<a id="save" download="earth.txt" href="data:text/plain,mostly harmless&#10;">Save</a>

点击后,至少在Chrome中,这将保存包含文本mostly harmless(和尾随换行符)的文件,如earth.txt下载目录中所示.要从javascript设置文件内容,请先调用此函数:

function setSaveFile(contents, file_name, mime_type) {
  var a = document.getElementById('save');
  mime_type = mime_type || 'application/octet-stream'; // text/html, image/png, et c
  if (file_name) a.setAttribute('download', file_name);
  a.href = 'data:'+ mime_type +';base64,'+ btoa(contents || '');
}

Answer 2

是的,使用新的FileWriter API.

http://www.w3.org/TR/file-writer-api/

您可以在此处查看当前的浏览器支持:http://caniuse.com/#feat=filesystem

Answer 3

是的，可以使用 HTML5+JS 读取和写入文件。

帮助您入门的链接 - Exploring FileSystem API

不久前，我还为 SpeckyBoy 写了一篇关于您可能会觉得有用的同一主题的文章 - http://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api- 2/