js读取文件夹获取图片列表

在JavaScript中，要读取文件夹并获取其中的图片列表，您可以使用以下步骤：

1. 使用XMLHttpRequest对象创建一个HTTP请求。
2. 发送HTTP请求并将其设置为异步请求，以便在加载文件时不会阻塞JavaScript线程。
3. 将请求的URL设置为要读取的文件夹的路径。
4. 在请求的onload事件中，将响应文本解析为HTML DOM对象。
5. 使用DOM操作获取文件夹中的所有<a>标记元素。
6. 遍历所有<a>标记元素，并解析出它们的href属性中的图片路径。
7. 将所有的图片路径存储在一个数组中。

以下是一个简单的示例代码，用于读取文件夹并获取其中的图片列表：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/folder/', true);
xhr.onload = function() {
  if (this.status == 200) {
    var html = this.responseText;
    var dom = new DOMParser().parseFromString(html, 'text/html');
    var images = [];
    var links = dom.getElementsByTagName('a');
    for (var i = 0; i < links.length; i++) {
      var link = links[i];
      var href = link.getAttribute('href');
      if (href.match(/\.(jpe?g|png|gif)$/i)) {
        images.push(href);
      }
    }
    console.log(images);
  }
};
xhr.send();

在此示例中，我们首先创建了一个XMLHttpRequest对象，并将其设置为GET请求，以获取位于'path/to/folder/'路径的文件夹的内容。在请求的onload事件中，我们将响应文本解析为HTML DOM对象，并获取所有的<a>标记元素。然后，我们遍历所有的<a>标记元素，并解析出它们的href属性中的图片路径，将它们存储在一个数组中，并将结果打印到控制台上。