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
    9 More Mind-Blowing WebGL Demos

    With Firefox OS, asm.js, and the push for browser performance improvements, canvas and WebGL technologies are opening a world of possibilities.  I featured 9 Mind-Blowing Canvas Demos and then took it up a level with 9 Mind-Blowing WebGL Demos, but I want to outdo...

  • By
    Facebook Open Graph META Tags

    It's no secret that Facebook has become a major traffic driver for all types of websites.  Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly.  And of course there are Facebook "Like" and "Recommend" widgets on every website.  One...

Incredible Demos

  • By
    Animated AJAX Record Deletion Using MooTools

    I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with MooTools JavaScript. The PHP - Content & Header The following snippet goes at the...

  • By
    Fancy FAQs with jQuery Sliders

    Frequently asked questions can be super boring, right? They don't have to be! I've already shown you how to create fancy FAQs with MooTools -- here's how to create the same effect using jQuery. The HTML Simply a series of H3s and DIVs wrapper...

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!