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

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

  • By
    5 HTML5 APIs You Didn’t Know Existed

    When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It."  Can you blame us though?  We watched the fundamental APIs stagnate for so long that a basic feature...

Incredible Demos

  • By
    Custom Scrollbars in WebKit

    Before each of the browser vendors we like was providing unique CSS controls, Internet Explorer was setting the tone.  One such example is IE's early implementation of CSS filters. Internet Explorer was also the first browser that allowed developers to, for better or worse, customize...

  • By
    MooTools Accordion: Mouseover Style

    Everyone loves the MooTools Accordion plugin but I get a lot of requests from readers asking me how to make each accordion item open when the user hovers over the item instead of making the user click. You have two options: hack the original plugin...

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!