Javascript获取目录中的文件列表

在Web开发中，我们经常需要读取文件目录下的文件列表，以展示图片、视频、文档等资源。Javascript可以很轻松地实现这一功能。

使用File API读取文件目录

function getFileList(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
      if (xhr.status == 200) {
        var fileList = [];
        var files = xhr.responseText.split('\n');
        files.forEach(function (file) {
          fileList.push(file.trim());
        });
        callback(fileList);
      } else {
        console.log('Failed to load file list from server. Error code: ' + xhr.status);
      }
    }
  };
  xhr.send();
}

此函数通过XMLHttpRequest发送GET请求，获取服务器目录下的文件列表，并将文件列表通过回调函数返回给调用者。该函数中的url参数是目录的URL地址，callback是回调函数。

使用Node.js读取文件目录

如果你正在使用Node.js，可以使用fs模块来读取文件目录。

const fs = require('fs');

function getFileList(dir, callback) {
  fs.readdir(dir, function (err, files) {
    if (err) {
      console.log('Failed to read directory. Error code: ' + err.code);
      callback([]);
    } else {
      callback(files);
    }
  });
}

此函数使用readdir方法读取指定目录下的文件列表，并将其通过回调函数返回给调用者。若出现错误，将返回一个空数组。该函数中的dir参数是目录的绝对路径地址，callback是回调函数。

以上是Javascript获取目录中的文件列表的两种常见方法。根据自己的实际需求选择合适的方法即可。