File Browser

A jQuery plug-in that allows you to browse the local filesystem. Comes with an example PHP backend.

File Browser

Introduction

This jQuery Plug-In provides file system browsing through a pluggable backend, provided here as a PHP implementation. Styling is provided through a sprite PNG file, with icons for the most common file types.

Download

There are currently no directly downloadable artifacts for this project - instead, you can get the source code directly from the repository at the link below:

http://github.com/olle/filebrowser

Documentation

Using the file browser plug-in is simple, and through the jQuery selector is used to decide where the browser will be rendered. Like this:


<div id="my-filebrowser"></div>
...

<script type="text/javascript">
      $('#my-filebrowser').filebrowser({dir : '/absolute/path/to/files/'});
</script>

There are two parameters that can be passed to the plug-in:

  • settings, with the following properties and defaults:
    • 'handler' : 'php/jquery.filebrowser.php' - the backend browse-handler
    • 'dir' : '/tmp' - absolute path to the directory to browse
  • fn, optional custom javascript callback function, called on click. Is an empty function by default.

Below is an iframed example of the default look of the file browser.

blog comments powered by Disqus

Fork me on GitHub