Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

MooTools FileManager

By  on  
File Manager

Explaining file management on the web to my customers is always a difficult part of my job.  I have to explain that there's no "undo," that filenames are case-sensitive, and that the web doesn't accommodate drag and drop like their OS allows them to do.  Christoph Pojer's newest creation, MooTools FileManager, changes all that.

MooTools FileManager is an ajaxified filesystem web interface.  Features include:

  • Browse through Files and Folders on your Server
  • Rename, Delete, Move (Drag&Drop), Copy (Drag + hold CTRL) and Download Files
  • View detailed Previews of Images, Text-Files, Compressed-Files or Audio Content
  • Nice User Interface
  • Upload Files via FancyUpload (integrated Feature)
  • Option to automatically resize big Images when uploading
  • Use it to select a File anywhere you need to specify one inside your Application's Backend
  • Use as a FileManager in TinyMCE
  • Provides your Client with the most possible convenience

While there are many ajax-driven file managers out there, Christoph's provides a wide range of flexibility and well-commented source code.  Especially great is that it's written in MooTools JavaScript so you can easily customize the script to your needs.

What are you waiting for?  Check out the demo and grab the source!

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

Incredible Demos

  • By
    Disable Autocomplete, Autocapitalize, and Autocorrect

    Mobile and desktop browser vendors do their best to help us not look like idiots by providing us autocomplete, autocorrect, and autocapitalize features.  Unfortunately these features can sometimes get in the way;  we don't always want or need the help they provide.  Luckily most browsers allow...

  • By
    Chris Coyier’s Favorite CodePen Demos II

    Hey everyone! Before we get started, I just want to say it's damn hard to pick this few favorites on CodePen. Not because, as a co-founder of CodePen, I feel like a dad picking which kid he likes best (RUDE). But because there is just so...

Discussion

  1. Riad Marrakech

    thanks for sharing, any way to integrate it to wordpress ?

  2. Ahmad

    Hi David,
    Thanks a lot, but it seems the source lik [http://github.com/zilenCe/mootools-filemanager] is broken!
    Please fix it!

  3. Werner

    Yes, go here to find it instead:

    http://github.com/cpojer/mootools-filemanager

  4. Fabian Vogelsteller

    I forked and developed it further you can find the EVEN BETTER MooTools FileManger here:
    http://github.com/frozeman/mootools-filemanager

  5. Alfred

    Hi all,

    I have a big problem with dynamic path for ‘directory’ because there is no $_SESSION available on upload. I smashed my brain two days looking at source but can’t find a solution.

    Is there any hint or a forum to discuss? Is there a discussion on github?

    Thanks
    Alfred

  6. Alfred

    Nice, rubberduck,

    if solved over $_GET $_POST to pass some session_var… via uploadAuthData

    Thanks

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!