使用javascript点击按钮，阅读并显示文本文件内容

单击一个名为“result”的按钮，我想使用java脚本函数读取并显示一个文本文件（存在于我的本地驱动器位置中： C：\ test.txt ）并显示test.txt文件内容HTML文本区域。

我是java脚本的新手，有人可以建议java脚本函数的代码来读取和显示.txt文件的内容吗？

谢谢并尊重Deb

Answer 1

出于安全原因，对本地文件的Ajax请求将失败。

想象一个网站，就像你问的那样访问计算机上的文件，但不会让你知道，并将内容发送给黑客。 您不会想要这样，浏览器制造商负责保护您的安全！

要读取位于硬盘驱动器上的文件的内容，您需要有一个并让用户自己选择该文件 。 您无需上传它。 你可以这样做：

   function onFileSelected(event) { var selectedFile = event.target.files[0]; var reader = new FileReader(); var result = document.getElementById("result"); reader.onload = function(event) { result.innerHTML = event.target.result; }; reader.readAsText(selectedFile); } 

JS小提琴

Answer 2

使用$ .ajax（）函数： http ： //api.jquery.com/jQuery.ajax/

 $(function(){ $.ajax({ url: "pathToYourFile", async: false, // asynchronous request? (synchronous requests are discouraged...) cache: false, // with this, you can force the browser to not make cache of the retrieved data dataType: "text", // jQuery will infer this, but you can set explicitly success: function( data, textStatus, jqXHR ) { var resourceContent = data; // can be a global variable too... // process the content... } }); }); 

Answer 3

正如您提到的HTML，我假设您想在浏览器中执行此操作; 那么在浏览器中访问本地文件的唯一方法是使用File API，只能通过用户操作获取文件，例如在元素中选择文件，或者拖放文件在你的页面中。