javascript - 加载从文件系统中选择的文件(未提交)并使用 javascript 将其存储为字符串或文本

Question

比方说，我有一个简单的 HTML 页面

<input id="input-file" type="file" />

此输入字段不是任何表单的一部分。用户从文件系统中选择一个文件作为此输入。

当按下某个按钮时，如何将用户选择的文件内容加载到 JavaScript 变量(例如作为字符串或以某种方式压缩)？

我只能使用纯 javascript 或 dojo/dojox。

如果这是不可能或很难做到的，输入可以是表单的一部分。尽管如此，目标仍然是将文件的内容保存到 JavaScript 变量中。

即使不是最新(2014)的浏览器也应该很好地支持该解决方案。

Answer 1

您可以使用文件 API，该 API 在一些较新的浏览器中得到支持。在这个 SO-thread 上阅读更多相关信息，该线程处理您所描述的相同问题:https://stackoverflow.com/a/754398/844932 .

编辑:根据此链接，http://caniuse.com/#feat=filereader ，FileReader API 如今得到了很好的支持(IE10+ 和所有其他相关浏览器)，所以我认为您可能会很好地使用它。