Supports an upload route/server action parameter for custom ajax
You can customize the wrap indicator (which defaults to …).Ĭustomise the messages for preview, progress, and files selected. Option to show/hide any or all of the following:Ĭustomise the location of the target container elements to display the entire plugin, the captionĬontainer, the caption text, the preview container, preview image, and preview status.įor text file previews, autowrap the text to the thumbnail width, and show a wrap indicator link toĭisplay complete text on hover. Supports multi language widgets on same page through locales/translations. See a slideshow of zoomed content in preview, maximize to borderless or fullscreen preview.Ībility to sort/rearrange content in the initial preview via drag and drop.Ībility to theme the widget entirely and control styling and layouts. Refer the initialPreview, initialPreviewConfig, and initialCaption properties in the plugin options section for configuring this.Ībility to zoom content as a detailed preview.
(more useful for record update scenarios). Offers predefined templates and CSS classes which can be changed to style your file-input display as perĪbility to configure the plugin to show an initial preview of Uses HTML 5 File reader API to read and preview files.ĭisplays the progress of files being being loaded onto the preview zone, in case many files areĪbility to copy and paste files or images from the clipboard on to the fileinput plugin (just focus on the file caption name input and paste your clipboard content).Ībility to drag and drop files or images on to the fileinput plugin. All options to the input can be passed as HTML5Ībility to select and preview multiple files. The plugin automatically converts an input with type = file to an advanced file picker input Other file types will be displayed as normal Image, text, flash, and video file types). The file input consists of the following three sections with options and templates to control theįile caption section: to display a brief information of the file(s) selectedįile action buttons section: to browse, remove, and upload files.įile preview section: to display the selected files on client for preview (supports preview of To a normal HTML file input for browsers not supporting JQuery or Javascript. The plugin will convert a simple HTML file input to an advanced file picker control. But the plugin has now matured with various additional features and enhancements to be a complete (yet simple) file management tool and solution for web developers. This plugin was initially inspired by this blog article and Jasny's File Input plugin. In the event, the browser does not support FormData or XHR2, the plugin degrades it to a normal form submission. The plugin also has added DRAG & DROP support for ajax uploads. This thereby allows powerful features to append, add, remove files on the fly. It also has inbuilt support for AJAX based file deletion from the server. Post release v4.0.0, the plugin supports AJAX based uploads using HTML 5 FormData and XHR2 protocol, which is supported in most modern browsers.
The release 4.4.4 also includes various preview and styling enhancements including support for smaller screen devices. Note that as of May 2021, an issue exists with Bootstrap 5.x on Modal dialog initialization which is recorded in this issue with a workaround.īootstrap 4.x Support is also available with release v4.4.4. This can also be overridden via the new global property $.fn.fileinputBsVersion. From release v5.2.0, the bootstrap version is also auto detected by the plugin based on the bootstrap JS library loaded. A summary of the features available with this release are documented in the Release 5.0.0 milestone.īootstrap 5.x Support is available with release v5.2.0. NEW: Release v5.0.0 is a major rewrite that incorporates various new enhancements and features like resumable chunk uploads and more.
In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files. images, text, html, video, audio, flash, and objects. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. An enhanced HTML 5 file input for Bootstrap 5.x or Bootstrap 4.x or Bootstrap 3.x with file preview for various files, offers multiple selection, and more.