如何从打开文件对话框中读取txt并使用javascript（jquery）加载textarea中的内容？

Question

我想创建一个“打开文件”按钮，将txt文件内容导入到textarea中。

如何在不上传文件内容的情况下读取文件内容？

我想使用JavaScript（与jQuery的lib），我想这样做，而不刷新页面。

Answer 1

我使用了HTML 5 File API。而且在本地它完美运作。

+1对于Trusktr。（文件切片）

Answer 2

这是不可能与香草JavaScript，你需要闪光灯或其他方法来做你想做的。

的理由是安全：防止您阅读allMyPasswords.txt :)

Answer 3

你不能。

打开文件对话框由浏览器响应打开到FORM与INPUT标签与FILE类型提交。该文件必须首先上传到服务器。

Answer 4

我想我会做一个简单的ajax表单上传文件，然后在删除文件和打印它之前用php获取内容，想不到另一种解决方案。

Answer 5

正如你所说，除了服务器和服务器之间往返旅程的文本，没有别的办法。然而，为了缓解疼痛一点，你可以完全自动完成：

1. 附上文件上传输入自己的形式标记，并给予形式的ID
2. 添加一个不可见的iframe您的页面，给它起一个名字，并使用相同的ID
3. 使用I帧的名称与持有形式的target属性文件上传
4. 绑定到该文件上传的变化事件定义一个函数来触发表单提交。这种方式只要你选择你的文件，并打开文件对话框关闭，上传过程开始

5. 当你设置目标到IFRAME从服务器的响应将到达那里，所以你的PHP脚本发回类似在跟随着：

   echo "<script>window.top.window.file_ready('$file');</script>";

6. 写一个js函数调用file_ready这需要的文件名作为参数，并通过调用Ajax服务器更新您的textarea的价值。

归因到期。我从AJAX file upload tutorial了解到这种技术。

Answer 6

这可能与HTML5 File API。

使用它从输入元素获取文件，然后使用jQuery将文本追加到任何你想要的元素。