javascript - 使用 Javascript Fetch API 读取文件而不知道文件名

Question

我有一个名为 ./text-files 的文本文件目录。我可以使用 fetch API 读取文件，如下所示:

fetch('./text-files/foo.txt')
  then(res => {
    return res.text()
  })
  .then(text => {
    console.log(text)
  })

fetch API 是否支持某种方式来读取文件目录，而无需知道文件的具体名称(仅知道文件扩展名)？

理想情况下，我想要某种方法来获取目录 ./text-files 中所有文件的列表，然后使用 fetch 连续读取每个文件。这可能吗？如果可以用 Javascript 从磁盘读取一个文件，我认为有某种方法可以获取文件列表并读取每个文件？

我试图做这样的事情，但没有成功:

fetch('./text-files/*.txt')
  then(res => {
    return res.text()
  })
  .then(text => {
    console.log(text)
  })

Answer 1

假设您尝试仅使用 fetch 从远程服务器目录读取所有文件，这是不可能的。您可以在远程计算机上创建一个 API 端点，该端点将返回一组文件。该远程 API 端点可以使用 Node 的 fs 模块以及以下内容:

fs.readdir(path, function(err, items) {
console.log(items);

for (var i=0; i<items.length; i++) {
    console.log(items[i]);
}});

一旦您获取了一组文件，您就可以将它们设置为使用 fetch api 单独获取。