Drupal 7 - Install KCFinder open source file manager

KCFinder is a multi-language file / image manager you can use to easily select, insert, upload and arrange images, flash movies, and other kinds of files:

Download and insall KCFinder integration module:

https://www.drupal.org/project/kcfinder

Change the default browse directory for images in KCFinder:

The magic occurs when, in your config.php file, you define:

'types' => array(
    // CKEditor & FCKEditor types
    'files'   =>  "disabled",
    'flash'   =>  "disabled",
    'images'  =>  "*img",

    // TinyMCE types
    'file'    =>  "disabled",
    'media'   =>  "disabled",
    'image'   =>  "*img",
),

This says that KCfinder will create an "images" directory and store images. I have a "files" directory disabled, since I don't allow my users to upload files.

What you do if you want them at the root directory is add a '' entry (blank), and assign what they can upload. In my server I have:

'types' => array(
    '' => "*img",
    // CKEditor & FCKEditor types
    'files'   =>  "disabled",
    'flash'   =>  "disabled"
),

Which lets me upload image files directly to the root folder.