使用Node.js读取和显示文件夹内容的代码示例

一、初步认识Node.js

首先，Node.js是一个基于Chrome JavaScript 运行时建立的平台。Node.js使得JavaScript可以在服务器端运行，具有实时 Web 应用程序处理能力。更重要的是，Node.js在运行时采用了事件驱动、非阻塞 I/O 模型，使得它非常适用于数据密集型分布式应用。简单的说，Node.js可以帮助我们处理后端以及文件相关的任务。

二、使用Node.js读取文件夹内容

在 Node.js 中，文件可以使用 File System 模块来访问。我们可以使用该模块中的readdirSync函数来列出文件夹中的所有文件。下面是一个列出文件夹内容的示例代码：

const fs = require('fs');
const dirPath = './';

fs.readdirSync(dirPath).forEach(file => {
  console.log(file);
});

这段代码列出了当前文件夹的所有文件。代码中使用了 Node.js 的内置 File System 模块中的 readdirSync 函数和 forEach 方法来遍历文件夹中的所有文件。

三、使用Node.js将文件夹内容显示在网页上

如果我们想要将文件夹的内容直接显示在网页上，那么可以使用 Node.js 的 HTTP 模块来实现。我们可以通过HTTP模块来创建服务器，并在响应对象中发送文件夹内容。以下是Node.js将文件夹内容显示在网页上的代码：

const http = require('http');
const fs = require('fs');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  fs.readdir('./', function(err, files) {
      if (err) throw err;
      res.write('
  
');
      files.forEach(function(file) {
          res.write('
   
' + file + '
');
      });
      res.write('
  
');
      res.end();
      });
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

这段代码创建了一个服务器，并使用 HTTP 模块调用 createServer 函数进行创建。在 createServer 中，我们使用 fs.readdir 函数来读取文件夹，读取成功后我们通过 res.write 的方式将读取到的文件直接写在了响应对象中，最后通过 res.end 方法来结束响应。

四、使用Node.js在网页上显示文件夹图片

在上一个示例中，我们显示了文件夹中的文件名。如果我们想要在网页中显示图片，那么应该怎么处理呢？

在 Node.js 中，可以使用 Buffer 对象 读取图像文件，并且可以将其转换成 Base64 编码格式。另外，Base64 编码格式就是一种将二进制数据转换成 ASCII 字符的编码方式。

下面是一个读取图片并将其显示在网页上的示例代码：

const http = require('http');
const fs = require('fs');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  fs.readFile('./abc.jpg', function(err, data) {
      if (err) {
        console.error(err);
        res.end();
      } else {
        const base64Image = Buffer.from(data, 'binary').toString('base64');
        res.write(``);
        res.end();
      }
  });
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

这段代码使用了 HTTP 模块创建了一个服务器，并读取了 abc.jpg 文件。读取成功后，我们使用 Node.js 中的 Buffer.from 函数将读取到的字节数据转换成 Base64 格式，然后将其作为 src 属性传递给 img 标签，最后我们通过 res.end 方法结束响应。

五、总结

我们通过以上示例代码，可以大概了解 Node.js 如何读取和显示文件夹内容。如果我们想要进一步了解 Node.js，在实践中多进行探索和尝试，可以更好的掌握这一领域。