txt javascript 读取文件内容398

前言

文本文件 (txt) 是存储文本信息的最常见的文件格式之一。在 Javascript 中，我们可以使用 File API 来读取和操作 txt 文件。本文将介绍如何使用 Javascript 读取 txt 文件的内容。

准备工作

为了读取 txt 文件，我们需要一个文件输入元素（）来选择要读取的文件，以及一个事件监听器来处理文件选择事件。

HTML 代码```html

// 事件监听器
("file-input").addEventListener("change", readFile);

```

Javascript 代码

在事件监听器中，我们可以使用 FileReader API 来读取选定的文件。FileReader 提供了一个 readAsText() 方法，该方法将文件的内容作为文本字符串加载到 FileReader 对象中。

Javascript 代码```javascript
function readFile(e) {
// 获取选定的文件
const file = [0];
// 创建一个新的 FileReader 对象
const reader = new FileReader();
// 监听文件加载完成事件
= function(e) {
// 获取文件内容
const text = ;
// 处理文件内容
(text);
};
// 开始读取文件
(file);
}
```

在这个例子中，当用户选择一个文件时，readFile() 函数被调用。它获取选定的文件，创建一个 FileReader 对象，并监听 onload 事件。当文件加载完成时，onload 事件触发，并调用来获取文件内容。最后，我们打印出文件内容到控制台。

示例

以下是一个完整的示例，演示如何使用 Javascript 读取 txt 文件的内容：

HTML 代码```html

读取 txt 文件

// 事件监听器
("file-input").addEventListener("change", readFile);
// 读取文件函数
function readFile(e) {
// 获取选定的文件
const file = [0];
// 创建一个新的 FileReader 对象
const reader = new FileReader();
// 监听文件加载完成事件
= function(e) {
// 获取文件内容
const text = ;
// 处理文件内容
(text);
};
// 开始读取文件
(file);
}

```