version 2.0.0
Date: 25-Jul-2014
- (enh #12, #13, #14): Various enhancements and fixes.
- (enh #15): Enhanced validation of file size through
maxFileSize
configuration.
- New plugin events added:
fileerror
, fileloaded
, filecleared
.
- New plugin methods added:
disable
, enable
- Enhanced configurable templates for previewing image, text, and other files (and a generic template).
- Make caption text configurable through a new parameter
msgSelected
.
- Correct calculation of files selected when
initPreview
is false.
- Automatic scale images for preview, when images are too wide to fit in container.
- Added delimiter option for
initialPreview
to pass multiple content delimited as a string.
version 1.9.0
Date: 21-Jul-2014
- (enh #9): Enhanced caption template and styling for captions to prevent overflow of long file names out of the caption container.
- (enh #10): Ability to display initial caption, when initialPreview is false.
version 1.8.0
Date: 15-Jul-2014
Additions
- (enh #9): Enhanced caption template and styling for captions to prevent overflow of long file names out of the caption container.
version 1.7.0
Date: 02-Jul-2014
Additions
- The plugin now offers an additional
overwriteInitial
option. This is by default set to true
, whereby, any initialPreview
content set will be overwritten, when new file is uploaded or when files are cleared. Setting it to false
will help displaying
a saved image or file from database always - useful especially when using the multiple
file upload feature.
version 1.6.0
Date: 03-Jun-2014
Additions
- The plugin now offers an additional
refresh
method. This enables you to dynamically change element attributes or plugin options
at runtime and refresh the widget.
version 1.5.0
Date: 23-May-2014
Additions
- 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.
Changes
- 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).