Fine Uploader Demo

Simple & Automatic

This is the Fine Uploader with only required options set. Note that, by default, you may also drag & drop files onto the button if you are using a browser that supports the multiple attribute on input elements, and the File and FormData objects, as well as the upload function on the XHR object. This currently rules out at least IE 9 and earlier.

Manually Trigger Uploads

The default behavior of Fine Uploader is to immediately attempt to upload files as they are selected. One option allows you to simply queue all files, and then start uploading at a later time by calling uploadStoredFiles() on your Fine Uploader instance.

Upload Queued Files

See server failure messages

If your server returns a response that includes a reason property, such as {"success": false, "reason": "unsupported file type"} the error message is accessible in the UI by hovering over the failed upload item.

Various Options

There are various options available to you when using Fine Uploader. In this example, I've used a small subset of these options to create an uploader with custom upload button text, restricted to one file upload/selection at once (may not select multiple files), restricted to jpeg, jpg, and txt files, and restricted to a max file size of 50 kb.

FineUploaderBasic

Select Files

Fine Uploader is currently an active project, and many improvements and adjustments are possible in the near future. Please see the Github project page for more details. You may also examine the uploader-demo.js source file on this page.