Search code examples
javascripthtmlfiletreekeybase

Javascript - read all filenames and output to html with hyperlink

I have a limited hosting server. I want to read the filetree (all files and folders) and create a hyperlink to them on a basic html page.

For clarity, I'm using Keybase, am publicly sharing files, but want to list them on an index.html page, not use their site's "filetree"

https://keybase.pub/example_user (keybase filetree) https://example_user.keybase.pub (the index.html file)

The html file is in the root directory and I want to display all the (pdf) files in /subdir (and their sub-directories)

This isn't a "real" webserver. I'm looking for something easy and simple like a FOR loop on load within html

Thanks.

Solution

  • What you are trying to do is known as "screen scraping". If you do some googling on the keywords "javascript screen scraping" you will find lots of information and examples.

    Basically, You fire off an AJAX request to retrieve the content of a page, parse that content to obtain the data your looking for, and then display that data in your page.