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
    6 Things You Didn’t Know About Firefox OS

    Firefox OS is all over the tech news and for good reason:  Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript.  Firefox OS has been rapidly improving...

  • 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...

Incredible Demos

  • By
    MooTools Overlay Plugin

    Overlays have become a big part of modern websites; we can probably attribute that to the numerous lightboxes that use them. I've found a ton of overlay code snippets out there but none of them satisfy my taste in code. Many of them are...

  • By
    MooTools Zebra Table Plugin

    I released my first MooTools class over a year ago. It was a really minimalistic approach to zebra tables and a great first class to write. I took some time to update and improve the class. The XHTML You may have as many tables as...

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!