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!

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
    CSS Filters

    CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...

Incredible Demos

  • By
    Upload Photos to Flickr with PHP

    I have a bit of an obsession with uploading photos to different services thanks to Instagram. Instagram's iPhone app allows me to take photos and quickly filter them; once photo tinkering is complete, I can upload the photo to Instagram, Twitter, Facebook, and...

  • By
    Resize an Image Using Canvas, Drag and Drop and the File API

    Recently I was asked to create a user interface that allows someone to upload an image to a server (among other things) so that it could be used in the various web sites my company provides to its clients. Normally this would be an easy task—create a...

Discussion

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

  2. 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. 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!