JS写入文件|极客笔记

JS写入文件

在前端开发中，有时候我们需要将一些数据写入到文件中，比如用户生成的文件下载、暂存用户输入等等。在这种情况下，我们可以使用JavaScript来实现文件写入操作。本文将详细介绍如何使用JS写入文件。

1. 创建一个用于写入文件的函数

首先，我们需要创建一个函数来执行文件写入操作。这个函数可以接受两个参数：文件名和要写入的内容。下面是一个简单的实现示例：

function writeFile(fileName, content) {
  const fs = require('fs');

  fs.writeFile(fileName, content, function(err) {
    if(err) {
      console.error(err);
    } else {
      console.log('文件写入成功！')
    }
  });
}

writeFile('test.txt', 'Hello, World!');

上面的函数中，我们使用了Node.js中的fs模块来进行文件写入操作。在这个函数里，我们传入了文件名和要写入的内容，并在写入完成后打印成功或错误信息。

2. 浏览器端写入文件

在浏览器端使用JavaScript写入文件需要使用Blob和URL.createObjectURL来实现。我们可以通过创建一个Blob对象然后下载的方式来实现文件写入。

下面是一个简单的示例：

function downloadFile(fileName, content) {
  const blob = new Blob([content], { type: 'text/plain' });
  const url = URL.createObjectURL(blob);

  const a = document.createElement('a');
  a.href = url;
  a.download = fileName;
  document.body.appendChild(a);
  a.click();

  URL.revokeObjectURL(url);
}

downloadFile('test.txt', 'Hello, World!');

在这个示例中，我们创建了一个Blob对象并将其转换为URL，然后创建一个a标签并设置相应的属性，最后将a标签插入到页面中，模拟用户点击下载的操作。

3. 异步写入文件

在实际开发中，我们可能会遇到需要异步写入文件的情况。为了确保文件写入在其他操作完成后执行，我们可以使用Promise来实现异步写入。

下面是一个使用Promise写入文件的示例：

function writeFileAsync(fileName, content) {
  const fs = require('fs');

  return new Promise((resolve, reject) => {
    fs.writeFile(fileName, content, function(err) {
      if(err) {
        reject(err);
      } else {
        resolve('文件写入成功！');
      }
    });
  });
}

writeFileAsync('test.txt', 'Hello, World!')
  .then(msg => console.log(msg))
  .catch(err => console.error(err));

在这个示例中，我们将fs.writeFile包装在一个Promise中，并在resolve和reject中处理成功和失败的情况。