将文本文件从手机存储加载到 HTML 文本区域

Loading Text file to HTML textarea from mobile phone storage

本文关键字:文本 HTML 区域 加载 手机 文件 存储      更新时间:2023-09-26

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

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

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

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

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