kartik-v/bootstrap-fileinput v1.0.0

Version 1.0.0

on GitHub

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).