Express框架：fs模块读取文件以及文件数据写入

2022-03-01 本文已影响0人听书先生

由于node.js是服务端的程序，必须要有读写文件操作，在原生的js中没有这样的功能，在Node中如果要读写文件，必须使用文件系统模块(fs)提供了文件操作的所有功能，js在浏览器端是不能进行I/O操作的，是为了保护客户端的安全，node内置的js模块，让js能够在node环境执行的过程中，去操作服务器上的资源文件。

1、读取文件内容

读取文件内容有两种方式：

1、将硬盘中的内容全部读取完后触发回调。
2、从硬盘中读取一节就触发一次回调，分段式去处理数据。

1.1、异步读取文件

如果有错误， error会是一个错误对象，data是一个undefined，如果没有错误，error是一个null，data是读取成功后的数据。

// 新建data.txt文件
this is a message!

// index.js文件
const fs = require('fs');

// 1.异步读取文件
fs.readFile('./data.txt','utf-8', function(error, data) {
    // 如果有错误， error会是一个错误对象，data是一个undefined
    // 如果没有错误，error是一个null，data是读取成功后的数据
    if(error)  return;
    console.log(data.toString());  // this is a message!
})

接下来，尝试读取服务器上的文件内容
首先在目录下创建静态资源首页index.html和配置项页面setting.html页面

// public文件下的index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<body>
    <p>首页</p>
    
</body>
</html>

// public文件下的setting.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>配置页</title>
</head>
<body>
    <p>配置项页面</p>
</body>
</html>

接下来开始server服务文件的创建

// server.js
const http = require('http');
const fs = require('fs');

http.createServer((req, res) => {
    res.setHeader('Content-Type', 'text/html;charset=utf8');
    if(req.url == '/') {
        fs.readFile('./public/index.html', 'utf-8', function(error, data) {
            if(error) return;
            console.log(data.toString())
            res.end(data)
        })
    } else if(req.url == '/setting') {
        fs.readFile('./public/setting.html', 'utf-8', function(error, data) {
            if(error) return;
            console.log(data.toString())
            res.end(data)
        })
    } 
}).listen(3000, () => console.log('Server start at 3000 port....'))

上述代码会在打开本地3000端口后，读取到index.html服务器上的内容。

图1.png

可以看到，文件是成功读取到了

1.2、同步读取文件

同步与异步的区别在于，异步执行到readFile函数后会接着执行下面的代码，回调函数的执行不会阻塞程序，而同步的方式读取，如果文件内容十分庞大，那么会直接导致程序阻塞。

// 同步读取文件的方式
// 同步读取文件
console.time('time2');
const data = fs.readFileSync('./data.txt');
console.timeEnd('time2');
console.log(data.toString());

同步读取文件时，如果读取文件错误，那么会直接导致程序的崩溃，而异步则可以通过error参数进行捕获。因此，同步获取文件需要捕获异常的话需要手动进行捕获。

// 同步获取文件捕获异常
try {
    console.time('time2');
    const data = fs.readFileSync('./data.pdf');
    console.timeEnd('time2');
    console.log(data.toString());
} catch(error) {
    console.log('未读取到文件....')
}

图2.png

2、文件内容写入

2.1、异步文件数据写入

fs.writeFile('文件名', '数据', function(error) {
  // 数据写入失败时的回调函数
})

在index.js中测试写入数据到test.txt中去，需要注意的是：如果txt中是存在数据的，那么再次写入会直接全部覆盖之前的数据，如果内容为空，则直接写入。

const txtContent = 
        `人民有信仰，国家才有力量。将社会主义核心价值观的教育宣传活动，融入国民教育和精神文明建设全过程，同改革开放的实践经验和伟大成就联系起来，同全面建成小康社会的奋斗目标联系起来，我们就能不断形成更加广泛的价值认同，不仅为国家发展助力，更为民族进步铸魂。`

fs.writeFile('test.txt', txtContent, 'utf-8', function(error) {
    if(error) {
        console.log('文件写入数据失败...');
        return;
    }
    console.log('文件写入数据成功...')
})

图4.png

2.2、同步的文件写入

const syncContent = `<span>this is a message!</span>`;

try {
    fs.writeFileSync('write.txt', syncContent);
    console.log('文件写入成功...')
} catch(error) {
    console.log('文件写入错误...')
}

2.3、追加写入的内容

异步追加写入的内容

fs.appendFile(文件路径, 数据, 回调函数);

const syncContent = `<span>this is a message!</span>`;

try {
    fs.writeFileSync('write.txt', syncContent);
    console.log('文件写入成功...')
} catch(error) {
    console.log('文件写入错误...')
}

const data = `\n<div>this is a box!<div>`
fs.appendFile('./write.txt',data, function(error) {
    if(error) {
        console.log('数据写入失败...');
        return;
    }
    console.log('数据写入成功...')
})

图5.png

数据成功的追加进去write.txt文件中。