js读取txt文件

你可以使用JavaScript中的XMLHttpRequest对象来读取文本文件。以下是一个简单的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        console.log(this.responseText);
    }
};
xhttp.open("GET", "example.txt", true);
xhttp.send();

在上面的代码中，我们创建了一个XMLHttpRequest对象，并设置了它的onreadystatechange事件处理函数。当readyState的值变为4（表示请求已完成），并且status的值为200（表示请求成功），我们就可以使用responseText属性访问文本文件的内容。最后，我们使用open()方法打开文件并使用send()方法发送请求。

请注意，由于安全原因，JavaScript不能直接访问本地文件系统中的文件。因此，你需要将文本文件放在Web服务器上，并使用相应的URL来访问它。

相关问题

Javascript读取txt文件

要使用JavaScript读取txt文件，可以使用FileReader对象或XMLHttpRequest对象。引用\[1\]中的代码展示了使用FileReader对象读取本地上传的txt文件的方法。首先，通过input标签的change事件获取到文件对象，然后创建一个FileReader对象并使用readAsText方法读取文件内容。在读取完成后，可以通过evt.target.result获取到文件的内容字符串，然后进行相应的处理。

引用\[2\]中的代码展示了使用XMLHttpRequest对象读取txt文件的方法。首先，创建一个XMLHttpRequest对象，然后使用open方法指定文件路径和请求方式。接着，使用send方法发送请求并获取文件信息。通过xhr.responseText可以获取到文件的内容字符串。

引用\[3\]中的代码展示了针对文件链接进行读取的方法。首先，使用axios库发送get请求获取到文件的blob对象。然后，创建一个FileReader对象并使用readAsBinaryString方法读取blob对象。在读取完成后，可以通过res.target.result获取到文件的内容字符串，然后进行相应的处理。

以上是三种常见的JavaScript读取txt文件的方法，具体使用哪种方法取决于你的需求和场景。
#### 引用[.reference_title]
- *1* *3* [js 读取文件内容](https://blog.csdn.net/qq_31971377/article/details/130618526)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [js读取.txt文件内容方法总结](https://blog.csdn.net/qq_34917408/article/details/114398939)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

JavaScript读取txt文件

在JavaScript中，读取txt文件通常使用`FileReader`对象或`fetch` API。以下是两种常见的方法：

1. 使用FileReader：

// 创建一个FileReader实例
var reader = new FileReader();

// 定义读取文件完成后的行为
reader.onload = function(e) {
  // 读取的结果是一个Blob对象，需要转换为文本
  var text = e.target.result;
  // 这里的text就是txt文件的内容
  console.log(text);
};

// 触发读取操作，传入要读取的文件
reader.readAsText(fileInput.files); // fileInput是一个input[type=file]元素，用户选择的文件

// 在开始读取前，设置错误处理函数
reader.onerror = function(error) {
  console.error('Error reading file:', error);
};

2. 使用fetch API (ES6+):

fetch('file.txt')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.text();
  })
  .then(data => {
    console.log('Text:', data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这两个例子中，你需要确保你的代码运行在一个支持这些API的环境中，并且用户已经选择了正确的txt文件（如果是HTML中，可能需要用户通过<input type="file">来选择文件）。