将文本文件存储到字符串中 - JavaScript

在 JavaScript 中，我们可以使用 XMLHttpRequest 对象来读取本地文件并将其存储为字符串。下面让我们看看具体的代码实现。

代码实现

// 创建 XMLHttpRequest 对象
const xhr = new XMLHttpRequest();

// 打开并发送文件读取请求
xhr.open('GET', 'test.txt', true);
xhr.send();

// 当请求完成时执行以下回调函数
xhr.onload = function() {
  // 如果请求成功
  if (xhr.status === 200) {
    // 将响应文本存储为字符串
    const text = xhr.responseText;
    console.log(text);
  }
};

代码说明

1. 创建 XMLHttpRequest 对象

   const xhr = new XMLHttpRequest();

2. 打开并发送文件读取请求

   xhr.open('GET', 'test.txt', true); 打开一个 GET 请求，读取名为 test.txt 的本地文件。

   xhr.send(); 发送请求。

3. 当请求完成时执行以下回调函数

   xhr.onload = function() { ... }
   

4. 如果请求成功

   if (xhr.status === 200) { ... }
   

5. 将响应文本存储为字符串

   const text = xhr.responseText;

6. 打印字符串

   console.log(text);

注意事项

• JavaScript 读取本地文件需要在服务器环境下运行。
• 在浏览器控制台中运行 JavaScript 代码时需要在同一目录下有 test.txt 文件。