js获取文件里面的所有文件名(实例)

下面是关于“js获取文件里面的所有文件名”的详细攻略：

1. 通过Ajax请求读取文件列表

首先，我们可以通过使用Ajax请求来获取文件目录下的所有文件名称，具体步骤如下：

1.1 创建一个XMLHttpRequest对象

var xhr = new XMLHttpRequest();

1.2 发送请求并指定请求方式和请求地址

xhr.open('GET', '文件目录地址', true);
xhr.send();

1.3 监听请求状态变化事件，从响应中读取文件名称数据

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var fileNames = xhr.responseText.split('\n');

      console.log(fileNames);
    } else {
      console.log('请求出错！状态码：' + xhr.status);
    }
  }
};

其中，第3步的split方法将响应中的文件名称以换行符为分隔符进行拆分，得到一个数组，数组中的每一项都是一个文件的名称。

以下是完整示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', '文件目录地址', true);
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var fileNames = xhr.responseText.split('\n');

      console.log(fileNames);
    } else {
      console.log('请求出错！状态码：' + xhr.status);
    }
  }
};

2. 使用Node.js获取文件目录下的所有文件名称

如果你使用了Node.js环境，可以使用Node.js的内置模块fs来读取文件列表，步骤如下：

2.1 引入fs模块

var fs = require('fs');

2.2 使用fs.readdir方法读取文件目录下的所有文件名称

fs.readdir('文件目录地址', function(err, files) {
  if (err) {
    console.log(err);
  } else {
    console.log(files);
  }
});

其中，第2步的readdir方法将文件目录下的所有文件名称以数组的形式返回。

以下是完整示例代码：

var fs = require('fs');

fs.readdir('文件目录地址', function(err, files) {
  if (err) {
    console.log(err);
  } else {
    console.log(files);
  }
});

以上就是两个获取文件目录下所有文件名称的方法，希望对你有所帮助！