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

Posted 2023-05-07

【中文标题】将文本文件从手机存储加载到 HTML textarea

【英文标题】：Loading Text file to HTML textarea from mobile phone storage

【发布时间】：2012-06-05 23:57:03

【问题描述】：

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

如何创建一个文件对话框来要求用户选择 txt 文件。 （有可能吗？） 我阅读了一些关于 php 等的内容来加载文件，但我没有这方面的经验。有没有可以用来加载文本文件的代码 sn-p？ Javascript、jquery mobile 能做到这一点吗？ 将其加载到文本区域后，我想对其进行编辑并再次保存。

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

【参考方案1】：

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

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