Download the PHP package lialin/bootstrap-fileinput without Composer
On this page you can find all versions of the php package lialin/bootstrap-fileinput. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download lialin/bootstrap-fileinput
More information about lialin/bootstrap-fileinput
Files in lialin/bootstrap-fileinput
Package bootstrap-fileinput
Short Description An enhanced HTML 5 file input for Bootstrap 3.x with features for file preview for many file types, multiple selection, ajax uploads, and more.
License BSD-3-Clause
Homepage https://github.com/kartik-v/bootstrap-fileinput
Informations about the package bootstrap-fileinput
bootstrap-fileinput
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files.
NOTE: An alternative new Krajee Explorer Theme (preview shown below) for
bootstrap-fileinput
has been released and available since v4.3.7. For more theming options and suggestions refer the theming demos.
Documentation and Demo
View the plugin documentation and plugin demos at Krajee JQuery plugins.
Pre-requisites
- Bootstrap 3.x
- Latest JQuery
- Most modern browsers supporting HTML5 (inputs and FileReader API) including CSS3 & JQuery. For Internet Explorer, one must use IE versions 10 and above. IE9 and below will work as a normal file input, and will not support multiple file selection or the HTML 5 FileReader API.
- With release 4.0, AJAX uploads are supported. AJAX uploads require that the browser support HTML5 FormData and XHR2 (XMLHttpRequest 2). Most modern browsers support FormData and XHR2. The plugin will automatically degrade to normal form based submission for browsers not supporting AJAX uploads
NOTE:
- The latest version of the plugin is v4.4.3 (under development). Refer the CHANGE LOG for details.
- You can use the sass branch for installation using
bootstrap-sass
dependency. The master branch can be used for installation using plainbootstrap
dependency.
Installation
Using Bower
You can use the bower
package manager to install. Run:
bower install bootstrap-fileinput
Using Composer
You can use the composer
package manager to install. Either run:
$ php composer.phar require kartik-v/bootstrap-fileinput "@dev"
or add:
"kartik-v/bootstrap-fileinput": "@dev"
to your composer.json file
Manual Install
You can also manually install the plugin easily to your project. Just download the source ZIP or TAR ball and extract the plugin assets (css and js folders) into your project.
Usage
Step 1: Load the following assets in your header.
If you noticed, you need to load the jquery.min.js
and bootstrap.min.css
in addition to the fileinput.min.css
and fileinput.min.js
. The theme file themes/fa/theme.js
can be optionally included for the font awesome icons styling. The locale file <lang>.js
can be optionally included for translating for your language if needed.
Optional Dependent Plugins
- The
piexif.min.js
file is the source for the Piexifjs plugin by hMatoba. It is required to be loaded beforefileinput.min.js
if you wish to use the image resize feature of the bootstrap-fileinput plugin. - The
sortable.min.js
file is the source for the Sortable plugin by rubaxa. It is required to be loaded beforefileinput.min.js
if you wish to sort the thumbnails in the initial preview. - The
purify.min.js
file is the source for the DomPurify plugin by cure53. It is required to be loaded beforefileinput.min.js
if you wish to purify your HTML for HTML content preview.
For ease of access, the sources for the above plugins are included in the js/plugins
folder of this project repository.
Step 2: Initialize the plugin on your page. For example,
The #input-id
is the identifier for the input (e.g. type = file
) on your page, which is hidden automatically by the plugin.
Alternatively, you can directly call the plugin options by setting data attributes to your input field.
License
bootstrap-fileinput is released under the BSD 3-Clause License. See the bundled LICENSE.md
for details.