js读取文件和写入文本文件

JavaScript是一种热门的脚本语言，它可以通过各种方式读取文件和写入文本文件。下面将详细说明如何使用JavaScript读取和写入文本文件。

1. 读取文件
要在JavaScript中读取文件，可以使用File API。首先，需要创建一个input元素，该元素将用于选择要读取的文件。

<input type="file" id="fileInput" />

然后，使用JavaScript获取选择的文件，并读取其内容。

const fileInput = document.getElementById('fileInput');
const file = fileInput.files[0];

const reader = new FileReader();
reader.onload = function(event) {
  const content = event.target.result;
  console.log(content);  // 输出文件内容
};

reader.readAsText(file);

上述代码中，先获取input元素和选择的文件。然后创建一个FileReader对象，并将其onload事件设置为当文件读取完成时执行的函数。最后，使用readAsText方法读取文件内容。

2. 写入文本文件
要在JavaScript中写入文本文件，可以使用Blob和URL.createObjectURL方法。首先，需要创建一个包含要写入的文本内容的Blob对象。

const content = '这是要写入文件的文本内容';
const blob = new Blob([content], {type: 'text/plain'});

然后，使用URL.createObjectURL方法为Blob对象创建一个URL，将其作为链接下载或保存。

const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'file.txt';  // 下载的文件名
link.click();

上述代码中，先创建一个a元素作为链接，并设置其href属性为Blob对象所创建的URL。然后，设置download属性为下载的文件名。最后，调用click方法触发链接点击事件，从而下载或保存文件。

总结：
通过使用File API和Blob对象，JavaScript可以读取和写入文本文件。读取文件时，可以使用FileReader对象读取文件的内容。写入文件时，需要创建一个包含文本内容的Blob对象，并使用URL.createObjectURL方法创建URL来下载或保存文件。以上是关于JavaScript读取和写入文本文件的简单介绍。