Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘File & Folder’ Category

FileAPI is a huge set of JavaScript tools for almost anything related to working with files.

It provides the features for file uploading (single/multiple) with drag ‘n’ drop support, image cropping, resizing , applying filters, getting file info and much more.


The tools are standalone and comes with a PHP class that handles the actions on the server-side.

Also, there are Flash fallbacks for unsupported browsers (uploads and camera). And, it is documented in detail.

File uploads are one of the most problematic things when it comes to web development (security, big files, etc.).

Resumable.js, a JavaScript library, handles one of the problems: the ability to resume uploads.

The library uses the HTML5 File API and offers a fault-tolerant upload mechanism by splitting each file into small parts.


And, whenever the upload of them fails, uploading is retried until it is completed so that connectivity issue is never a problem.

Also, users can always pause, resume or restart uploads with ease.

There are options to set the size of the chunks, detect if the HTML5 File API is supported, getting the progress status and much more.

Whether in web development or for our personal usage, we sometimes need to convert files from one type to each other.

This can be making a video iOS friendly or creating a PDF from a Word file.

CloudConvert is a pretty amazing and free online file conversion service that is compatible with 140+ file types.


It supports almost all video + audio file types, compression formats, images and more.

Also, the service has an API which enables you to integrate such conversion features to any app.

Every web designer/developer has a favorite FTP client and we usually transfer files to web servers through these clients.

However, there are times that we don’t have our computers with us but need to transfer or edit a file that can only be reached through FTP.

Monsta FTP, an open source and web-based FTP application is a good solution for such a case.

Monsta PHP FTP

It is built with PHP,  has an ajaxed interface and can be skinned with ease.

Uploading or moving files are done with drag ‘n’ drops, actions can be performed on multiple files and file editing is possible.

And, the application works on any PHP-enabled server.

Today, although many hosting companies are offering huge diskspaces and there is almost no chance of using it to the limits, keeping the total size under control is pretty important for reasons like:

  • unnecessary and big-sized files can eat up bandwidth fast
  • this data needs to be backed up regularly (smaller backups will be easier and faster)
  • moving data becomes harder
  • and more..

Disk Usage Reports is a free and open source PHP application for displaying and analyzing disk usage of a website or desktop.

Disk Usage Reports

The application can collect the data with 3 different methods:

  • PHP script
  • Windows EXE
  • Linux bash script

and presents it inside a good-looking, slick interface where you can browse the folders with a tree menu and sort them by name, size or file count.

It can also show the 100 largest files which is great for easily locating the items causing the high disk usage.

The data is stored as JSON (all folders have their own JSON files) and reports are generated on the client-side (which makes the app pretty secure).

jQuery File Upload is an impressive plugin for creating a flexible and user-friendly upload functionality with ease.

The plugin support multiple file selection and drag 'n' drops. It can display a preview of images to be uploaded and progress bars exist to inform users.

jQuery File Upload

jQuery File Upload can handle cross-domain, chunked and resumable file uploads. File types and max-min sizes can be restricted with simple functions and it can work with any server-side language.

There are callbacks on every level and a detailed documentation that covers many different scenarios exists.

There is a "getting stronger" opinion and movement on web users having their own self-controlled, free and open source clouds where data belongs to the users, can be transferred easily and privacy is not an issue.

ownCloud is supporting this movement with a cool app which works as a:

  • file manager/explorer with share option, WebDAV support, the ability to play music files
  • calendar
  • contacts manager
  • and has planned features like image gallery, online text editor, online task manager, encryption, bookmarks, desktop sync client, Android&webOS apps and server-server sync.

It is built with PHP-MySQL (or SQLite) and is definitely a good option for users willing to move their data to the web + manage easily.


SFBrowser is an open source application, built with PHP and jQuery, for managing files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.


For a faster usage, there is a context menu and support for keyboard shortcuts.

It is a multilanguage application, new languages can be added by creating new localization files (English, Dutch or Spanish are already included).

And, SFBrowser comes with a JavaScript API to interact with many of its features.

P.S. It is also available as a WordPress plugin.

FileVista, an impressive file manager application that can be installed on your websites, is giving away 5 x "5 Users License" ($199/each) to WRD readers.

Details on joining the giveaway is mentioned at the bottom of the post. But before that:

What is FileVista?

It is a feature-rich file manager application that works on your browser and offers a desktop-like working experience (even more) for your web files.

The application is built with ASP.NET (works on Windows servers), has a free "single user" version and more users require a license.

FileVista supports every action that can be expected from a file manager like create, delete, rename, copy, move, zip and unzip files + folders.


Actions can be accomplished very quickly as the interface is completely Ajaxed and a context menu (right-click) has shortcuts to everything.

It has a very powerful, permission-based access control system which gives the administrator full control over the contents with features like:

  • creating groups and users
  • locking users/groups into folders with desired rights (user's actions, disk usage and allowed file types)
  • groups can have sub-administrators which can manage the users of that group

FileVista Uploader

Using the application, you can also create custom links to files, set them to be temporary and even password-protected (every file can have its own password).

The file uploader is so nice. It handles multiple file uploads, displays a real-time progress bar and can resume interrupted downloads (handy for large files).

FileVista is multilingual (supports 9 languages) and it is definitely a very useful resource for collaboratively managing + sharing files (a very good fit for interactive agencies).

How to join the giveaway?

It is pretty easy, simply comment to this post and/or tweet this article with hashtag #wrdfilevista (click to tweet easily). You can do both to increase the chances.

Winners will be selected randomly on 9 February 2011 (1 week later).

Good luck to everyone.

jDownload is a jQuery plugin which aims to provide more details to the end users about the file to be downloaded.

Once a download link is clicked, it sends an Ajax query to a PHP file which returns the name, type and size of the file in a modal window.

User can choose to get the file or cancel the request which is specially a good experience for knowing the size of the file before downloading it.

jDownload jQuery Plugin

The plugin requires jQuery UI besides the jQuery itself for the modal dialog and comes with various options for customization including the dimensions of the dialog, event to trigger it (click, hover, etc.), and more.

Also, based on the same idea, functionality can be improved further by adding "zipped downloads" or "send as e-mail" types of options to the end users.

Uptime Robot