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

Question

单击一个名为"result"的按钮,我想使用java脚本函数读取并显示一个文本文件(存在于我的本地驱动器位置中:C:\ test.txt)并显示test.txt文件内容HTML文本区域.

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

谢谢并尊重Deb

Answer 1

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

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

要读取位于硬盘驱动器上的文件的内容,您需要拥有一个<input type="file">并让用户自己选择该文件.您无需上传它.你可以这样做:

<input type="file" onchange="onFileSelected(event)">
<textarea id="result"></textarea>

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小提琴