js 获取文件夹下所有文件|极客笔记

js 获取文件夹下所有文件

在前端开发中，有时候我们需要获取文件夹下所有的文件，以便进行文件的操作或展示。本文将介绍如何使用JavaScript来获取指定文件夹下的所有文件。

方法一：使用原生JavaScript

我们可以通过以下步骤来获取文件夹下所有文件：

首先，我们需要定义一个函数来递归获取文件夹下所有文件的路径：

function getAllFilesInFolder(folderPath, fileList) {
  const files = fs.readdirSync(folderPath);

  files.forEach(file => {
    const filePath = path.join(folderPath, file);
    const stats = fs.statSync(filePath);

    if (stats.isDirectory()) {
      getAllFilesInFolder(filePath, fileList);
    } else {
      fileList.push(filePath);
    }
  });

  return fileList;
}

const folderPath = './your/folder/path';
const fileList = [];
const allFiles = getAllFilesInFolder(folderPath, fileList);
console.log(allFiles);

在上面的代码中，我们定义了一个getAllFilesInFolder函数，通过递归的方式获取指定文件夹下的所有文件路径。最后打印出所有文件路径。

方法二：使用第三方库

除了原生的方式外，我们还可以使用一些第三方库来简化获取文件夹下所有文件的过程。比如使用glob库：

安装glob库：

npm install glob

使用glob库来获取文件夹下所有文件：

const glob = require('glob');

const folderPath = './your/folder/path/*';
glob(folderPath, (err, files) => {
  if (err) {
    console.error(err);
    return;
  }

  console.log(files);
});

以上代码中，我们通过glob库的glob方法来获取指定文件夹下的所有文件路径，并打印出来。

方法三：使用Node.js服务端

如果我们需要在服务端获取文件夹下的所有文件，可以借助Node.js来实现：

创建一个Node.js服务端文件server.js：

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

function getAllFilesInFolder(folderPath, fileList) {
  const files = fs.readdirSync(folderPath);

  files.forEach(file => {
    const filePath = path.join(folderPath, file);
    const stats = fs.statSync(filePath);

    if (stats.isDirectory()) {
      getAllFilesInFolder(filePath, fileList);
    } else {
      fileList.push(filePath);
    }
  });

  return fileList;
}

const folderPath = './your/folder/path';
const fileList = [];
const allFiles = getAllFilesInFolder(folderPath, fileList);
console.log(allFiles);