Listing files of a directory in a webpage

Question

Is there any way to list the files of a directory in a webpage with the link to view the file.

I would like to upload some PDF files to certain directory of my static website (html + js), and want to show the list of the files in a page with the link to view the pdf files so that if i upload new files i don't have to modify the html page every time, is there any way to do that ?

Answer 1

1. Open a browser
2. Navigate to the folder you want listed
3. If you see a list of the files, continue
   • If you don't see a list of the files, Take a look at this: Is it possible to get a list of files under a directory of a website? How? to figure out how to do that.
4. Make an ajax call to that folder (example below)
5. response will be the html of the listing page
6. You can parse that out to get the file listing

---

Example:

// This is in angular, but you can use whatever
$http.get('folder_to_list/').success(function(response) {
    console.log(response);
});