JS 文件写入和写出简介

在 JavaScript 中，可以使用浏览器提供的 File API 来进行文件读写操作。其中，文件写入（write）和写出（save）是两个基本的操作。

文件写入

文件写入是指将数据写入到本地文件中。浏览器提供了 FileWriter 对象来实现文件写入功能。以下是一个简单的示例：

var file = new Blob(["Hello, world!"], { type: "text/plain" });

// 创建 FileWriter 对象
var writer = new FileWriter();

// 为 FileWriter 设置回调函数
writer.onwriteend = function() {
  console.log("数据已写入");
};

// 向文件写入数据
writer.write(file);

在上面的代码中，我们首先创建了一个 Blob 对象，表示将要写入文件的数据。然后，通过 FileWriter 对象将数据写入文件中，并设置了一个回调函数，在数据写入完成后输出一条消息。

需要注意的是，由于安全性限制，JavaScript 无法直接访问本地文件系统中的文件。因此，上述代码只能在浏览器环境中运行，并且需要用户手动选择要写入的文件。

文件写出

文件写出是指将数据从浏览器下载到本地文件中。浏览器提供了 Blob 和 URL 对象来实现文件写出功能。以下是一个示例：

var content = "Hello, world!";
var blob = new Blob([content], { type: "text/plain" });
var url = URL.createObjectURL(blob);

var link = document.createElement("a");
link.href = url;
link.download = "file.txt";
document.body.appendChild(link);
link.click();

在上面的代码中，我们首先将要写出的数据存储到一个 Blob 对象中。然后，通过 URL.createObjectURL 方法获取该 Blob 对象的 URL，并创建一个 <a> 元素来下载该文件。

需要注意的是，由于安全性限制，浏览器可能会对文件写出操作进行限制。例如，某些浏览器可能会弹出文件选择框以提示用户确认是否允许写出文件。