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

Question

让我们说，我有一个简单的HTML页面

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

此输入字段不属于任何形式。用户从文件系统中选择一个文件来输入此信息。

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

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

如果这是不可能或难以做到的，输入可以是表单的一部分。然而，目标仍然是将文件的内容保存为javascript变量。

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

Answer 1

您可以使用在某些较新的浏览器中获得支持的File API。在此SO线程上阅读有关它的更多信息，该线程处理您所描述的同一问题：https://stackoverflow.com/a/754398/844932。

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