Question

我为此尝试了很多，但没有找到答案。如何使用javascript或html读取文件。我有一个文本文件“sample.txt”，我有一些信息。它放在与html文件放在同一文件夹中，其中html文件包含处理此文件的html代码。我只是想从文件中读取信息并将其显示在某个div或其他任何内容上，我主要想知道如何读取文件。

如有必要，将提供更多信息。

谢谢

Answer 1

首先：JavaScript在客户端执行。虽然你必须提出一个AJAX-Request来获取你文件的内容。我认为jQuery的load()似乎是实现这一目标的最简单方法。

例如：

$('#theContentElement').load('sample.txt');

Answer 2

您可以使用javascript获取实际的文件内容。以下是使用load函数使用jquery的示例代码：

$("#YOUR_DIV_ID").load("sample.txt");

这将更新div的内容，其ID为YOUR_DIV_ID，内容为“sample.txt”

Answer 3

您可以在没有jQuery的情况下执行常规Ajax请求以及读取文件。

以下使用GET请求从myfile.txt获取数据并将其输出到ID为 output 的DIV标记。

<script>
function ajaxGet()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("output").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","myfile.txt",true);
xmlhttp.send();
}
ajaxGet();
</script>

<div id="output"></div>

Javascript - 读取文件（不是上传文件，但文件存在于与html文件相同的目录中）

3 个答案: