使用Javascript Fetch API读取文件而无需知道文件名

Question

I have a directory of text files called ./text-files . I can read files using the fetch API like this:

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

Does the fetch API support some way to read a directory of files without knowing the specific name of the files only the file extension?

Ideally, I'd like some way to get a list of all files in the directory ./text-files and then read each one serially using fetch. Is this possible? If it's possible to read one file off disk in Javascript, I would think there'd be some way to get a list of file and read each of them?

I was trying to do something like this, which didn't work:

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

Answer 1

This is not possible assuming that you are attempting to read all files from a remote server directory while only using fetch. You can make an API endpoint on remote machine that will return an array of files. That remote API endpoint can use Node's fs module and something along the lines of:

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

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

Then once you fetched an array of files you can then set up them to be individually be fetched using fetch api.