Skip to content
This repository has been archived by the owner on May 25, 2023. It is now read-only.

Style Guide

blueimp edited this page Dec 17, 2011 · 27 revisions

File input styling

Most browsers prevent submitting files when the input field didn't receive a direct click (or keyboard) event in one way (preventing the click event) or another (not actually submitting any files) as a security precaution.
Firefox 4 (and later) is so far the only browser which supports invoking "click"-Events on a completely hidden (display: none) file input field. This will eventually allow to use any element as button for file selects when this feature is supported across browsers.
The programmatic triggering of the click event itself is supported on IE, but no files will be submitted on subsequent form submits.

To achieve a cross-browser styling of the "Upload files" button, the file input field is made transparent and positioned on top of the fileinput-button label - see jquery.fileupload-ui.css.

Bootstrap UI

The current version of the plugin builds on Twitter's Bootstrap toolkit for it's look&feel.

jQuery UI

A jQuery UI version of the plugin, which builds on jQuery UI's theme framework for it's look&feel is also available - see jQuery UI.

Clone this wiki locally