Serve directory listings
npm install serve-index[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Linux Build Status][ci-image]][ci-url]
[![Windows Build][appveyor-image]][appveyor-url]
[![Coverage Status][coveralls-image]][coveralls-url]
Serves pages that contain directory listings for a given path.
This is a Node.js module available through the
npm registry. Installation is done using thenpm install command:
``sh`
$ npm install serve-index
`js`
var serveIndex = require('serve-index')
Returns middlware that serves an index of the directory in the given path.
The path is based off the req.url value, so a req.url of '/some/dirpath
with a of 'public' will look at 'public/some/dir'. If you are usingexpress
something like , you can change the URL "base" with app.use (see
the express example).
#### Options
Serve index accepts these properties in the options object.
##### filter
Apply this filter function to files. Defaults to false. The filter functionfilter(filename, index, files, dir)
is called for each file, with the signature filename
where is the name of the file, index is the array index, files isdir
the array of files and is the absolute path the file is located (and thus,
the directory the listing is for).
##### hidden
Display hidden (dot) files. Defaults to false.
##### icons
Display icons. Defaults to false.
##### stylesheet
Optional path to a CSS stylesheet. Defaults to a built-in stylesheet.
##### template
Optional path to an HTML template or a function that will render a HTML
string. Defaults to a built-in template.
When given a string, the string is used as a file path to load and then the
following tokens are replaced in templates:
* {directory} with the name of the directory.{files}
* with the HTML of an unordered list of file links.{linked-path}
* with the HTML of a link to the directory.{style}
* with the specified stylesheet and embedded images.
When given as a function, the function is called as template(locals, callback)callback(error, htmlString)
and it needs to invoke . The following are the
provided locals:
* directory is the directory being displayed (where / is the root).displayIcons
* is a Boolean for if icons should be rendered or not.fileList
* is a sorted array of files in the directory. The array containsname
objects with the following properties:
- is the relative name for the file.stat
- is a fs.Stats object for the file.path
* is the full filesystem path to directory.style
* is the default stylesheet or the contents of the stylesheet option.viewName
* is the view name provided by the view option.
##### view
Display mode. tiles and details are available. Defaults to tiles.
`js
var finalhandler = require('finalhandler')
var http = require('http')
var serveIndex = require('serve-index')
var serveStatic = require('serve-static')
// Serve directory indexes for public/ftp folder (with icons)
var index = serveIndex('public/ftp', {'icons': true})
// Serve up public/ftp folder files
var serve = serveStatic('public/ftp')
// Create server
var server = http.createServer(function onRequest(req, res){
var done = finalhandler(req, res)
serve(req, res, function onNext(err) {
if (err) return done(err)
index(req, res, done)
})
})
// Listen
server.listen(3000)
`
`js
var express = require('express')
var serveIndex = require('serve-index')
var app = express()
// Serve URLs like /ftp/thing as public/ftp/thing
// The express.static serves the file contents
// The serveIndex is this module serving the directory
app.use('/ftp', express.static('public/ftp'), serveIndex('public/ftp', {'icons': true}))
// Listen
app.listen(3000)
``
MIT. The Silk icons
are created by/copyright of FAMFAMFAM.
[appveyor-image]: https://img.shields.io/appveyor/ci/dougwilson/serve-index/master.svg?label=windows
[appveyor-url]: https://ci.appveyor.com/project/dougwilson/serve-index
[ci-image]: https://badgen.net/github/checks/expressjs/serve-index/master?label=ci
[ci-url]: https://github.com/expressjs/serve-index/actions/workflows/ci.yml
[coveralls-image]: https://img.shields.io/coveralls/expressjs/serve-index/master.svg
[coveralls-url]: https://coveralls.io/r/expressjs/serve-index?branch=master
[downloads-image]: https://img.shields.io/npm/dm/serve-index.svg
[downloads-url]: https://npmjs.org/package/serve-index
[npm-image]: https://img.shields.io/npm/v/serve-index.svg
[npm-url]: https://npmjs.org/package/serve-index