Version 1.5.0

Date: 23-May-2014

• The plugin now offers an option to display initial preview of images/text/other files. This is useful
  for record update scenarios. This can be a single image/file or an array of images/files.
• Extending to the above feature, the plugin also allows you to set a preview caption for the initial preview field.
• The following element identifiers need to be passed as a string like '#id' instead of a JQuery object:
  • elCaptionContainer
  • elCaptionText
  • elPreviewContainer
  • elPreviewImage
  • elPreviewStatus

Version 1.0.0

Date: 01-Jan-2014

Initial release. The following features are included in this release:

• The plugin will convert a simple HTML file input to an advanced file picker control. Will help fallback to a file input for browsers not supporting JQuery or Javascript.
• The file input consists of the following three sections with options and templates to control the display:
  • file caption section: to display a brief information of the file(s) selected
  • file action buttons section: to browse, remove, and upload files.
  • file preview section: to display the selected files on client for preview (supports images and text file types). Other file types will be displayed as normal thumbnails.
• The plugin automatically converts an input with type = file to an advanced file picker input if you set its class = file. All options to the input can be passed as HTML5 data attributes.
• Ability to select and preview multiple files. Uses HTML 5 File reader API to read and preview files. Displays the progress of files being being loaded onto the preview zone, in case many files are chosen.
• Offers predefined templates and CSS classes which can be changed to style your file-input display as per your needs.
• Option to show/hide any or all of the following:
  • caption section
  • preview section
  • upload button
  • remove button
• Customise the location of the target container elements to display the entire plugin, the caption container, the caption text, the preview container, preview image, and preview status.
• For text file previews, autowrap the text to the thumbnail width, and show a wrap indicator link to display complete text on hover. You can customize the wrap indicator (which defaults to …).
• Customise the messages for preview, progress, and files selected.
• Upload action defaults to form submit. Supports an upload route/server action parameter for custom ajax based upload.
• Triggers JQuery events for advanced development. Events currently available are filereset and fileclear.
• Disabled and readonly file input support.
• Size of the entire plugin is less than 11KB (about 9KB for the minified JS and 2KB for the minified CSS).