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.
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.
Date: 15-Jul-2014
- (enh #9): Enhanced caption template and styling for captions to prevent overflow of long file names out of the caption container.
Date: 02-Jul-2014
- The plugin now offers an additional
overwriteInitial
option. This is by default set totrue
, whereby, anyinitialPreview
content set will be overwritten, when new file is uploaded or when files are cleared. Setting it tofalse
will help displaying a saved image or file from database always - useful especially when using themultiple
file upload feature.
Date: 03-Jun-2014
- 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.
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
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 itsclass = file
. All options to the input can be passed as HTML5data
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
andfileclear
. - 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).