javascript - 将文本文件从手机存储加载到 HTML textarea

Question

我正在使用 HTML5、Javascript 和 CSS 为手机编写应用程序。应用程序的一部分应该允许用户将一个文本文件加载到该页面上提供的文本区域中，该文本文件显示手机的本地存储。我的问题是：

1. 如何创建文件对话框以要求用户选择 txt 文件。（可能吗？）
2. 我读了一些关于 PHP 等的东西来加载文件，但我没有这方面的经验。有没有像我可以用来加载文本文件的代码片段？Javascript、jquery mobile 能做到这一点吗？
3. 将其加载到文本区域后，我想对其进行编辑并再次保存。

如果有人可以对此有所了解或将我引导到一些我可以了解它的资源，那将会很有帮助。

Answer 1

出于相当明显的安全原因，从不直接允许本地 I/O。您需要设置一个<input type="file">表单来执行此操作，但我不确定它们在移动平台上的行为方式。我相信这在平台之间会非常重要。假设文件成功上传并传输到您的编辑区域，保存回存储将需要您必须启动文件下载，并且用户可以选择接受或忽略。

您使用“本地存储”一词，并且您的标签包含 HTML 5，因此还有其他选项。您可以查看LocalStorage API，它允许您存储大量数据，然后您可以检索、允许编​​辑和保存。这是由浏览器控制以消除安全问题。还有File API，它允许读取文件。但是，我相信这是只读的（再次出于安全考虑），可能不是您要找的。