How can I create a simple index html file which lists all files directories

Question

We use a web server that does not allow directory listing   There is a specific directory I would like to allow listing of   How can make a simple HTML file that will contain the contents of this directory

User · Answer

This can t be done with pure HTML   However if you have access to PHP on the Apache server  you tagged the post  apache   it can be done easilly - se the PHP glob function  If not - you might try Server Side Include - it s an Apache thing  and I don t know much about it

User · Answer

Did you try to allow it for this directory via  htaccess   Options  Indexes   I use this for some of my directories where directory listing is disabled by my provider

User · Answer

You can either  Write a server-side script page like PHP  JSP  ASP net etc to generate this HTML dynamically or Setup the web-server that you are using  e g  Apache  to do exactly that automatically for directories that doesn t contain welcome-page  e g  index html  Specifically in apache read more here  Edit the  httpd conf  http   justlinux com forum showthread php s  amp postid 502789 post502789  updated link  https   forums justlinux com showthread php 94230-Make-apache-list-directory-contents amp highlight 502789  or add the autoindex mod  http   httpd apache org docs current mod mod autoindex html

User · Answer

There s a free php script made by Celeron Dude that can do this called Celeron Dude Indexer 2  It doesn t require  htaccess The source code is easy to understand and provides a good starting point  Here s a download link  https   gitlab com desbest celeron-dude-indexer

User · Answer

There are enough valid reasons to explicitly disable automatic directory indexes in apache or other web servers  Or  for example  you might only want to include certain file types in the index  In such cases you might still want to have a statically generated index html file for specific folders  tree tree is a minimalistic utility that is available on most unix-like systems  ubuntu debian  sudo apt install tree  mac  brew install tree  windows  zip  and which can generate plain text  XML  JSON or HTML output  Generate an HTML directory index one level deep  tree -H     -L 1 --noreport --charset utf-8  gt  index html  Only include specific file types that match a glob pattern  e g    zip files  tree -H     -L 1 --noreport --charset utf-8 -P  quot   zip quot   gt  index html   The argument to -H is what will be used as a base href  so you can pass either a relative path such as   or an absolute path from the web root  such as  files  -L 1 limits the listing to the current directory only   Generator script with recursive traversal I needed an index generator which I could style the way I want  and which would also include the file sizes  so ended up using this script     in addition to having customizable styling  the script can also recursively generate an index html file in all the nested subdirectories  Update  an updated version  python 3  of the index generation script that uses cleaner styling  inspired by caddyserver s file-server module   includes last modified times and is more responsive in mobile viewports

User · Answer

For me PHP is the easiest way to do it    lt  php echo  Here are our files    path         dh   opendir  path    i 1  while    file   readdir  dh       false        if  file         amp  amp   file          amp  amp   file     index php   amp  amp   file      htaccess   amp  amp   file     error log   amp  amp   file     cgi-bin             echo   lt a href   path  file  gt  file lt  a gt  lt br   gt  lt br   gt             i            closedir  dh     gt     Place this in your directory and set where you want it to search on the  path  The first if statement will hide your php file and  htaccess and the error log  It will then display the output with a link  This is very simple code and easy to edit

User · Answer

If you have node then you can use fs like in this answer to get all the files  const   resolve     require  path        readdir     require  fs   promises   async function getFiles dir      const dirents   await readdir dir    withFileTypes  true       const files   await Promise all dirents map  dirent    gt        const res   resolve dir  dirent name       return dirent isDirectory     getFiles res    res           return Array prototype concat    files      And you might use that like this  const directory    quot   Documents  quot      getFiles directory  then results   gt      const html     lt ul gt       results map fileOrDirectory   gt    lt li gt   fileOrDirectory  lt  li gt    join   n         lt  ul gt       process stdout write html        or you could use something like fs writeFile to write the file directly      You could call it at the command-line with something like this    node thatScript js  gt  index html

User · Answer

If you have a staging server that has directory listing enabled  then you can copy the index html to the production server   For example   wget https   staging dir index html    do any additional processing on index html  scp index html prod dir

[html] How can I create a simple index.html file which lists all files/directories?

Examples related to html

Examples related to webserver