What is the method to loop through files in JavaScript?

Is there a way to loop through a set of files using JavaScript? I’m developing a jQuery plugin that should accept either an array of file names, for example: [‘photo1.png’, ‘photo2.png’, ‘photo3.png’], or a URL pointing to a directory with images, such as http://example.com/pictures/. My goal is to traverse the specified directory and extract the names of files it contains. I’ve heard about the FileSystemObject, but that is limited to Internet Explorer. Is there a browser-compatible alternative to achieve this functionality?

To loop through an array of file names in JavaScript:

const files = ['photo1.png', 'photo2.png', 'photo3.png']; files.forEach(file => console.log(file));

To read files from a directory URL, the only method is to list the files on the server-side and serve them to the client, as JavaScript doesn't have direct filesystem access in browsers.