|
|
@@ -27,7 +27,7 @@ View the [plugin documentation](http://plugins.krajee.com/file-input) and [plugi
|
|
|
4. 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.7. Bootstrap 4.x is supported in addition to Bootstrap 3.x since release v4.4.4. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details.
|
|
|
+> - The latest version of the plugin is v4.4.8 (_under development_). Bootstrap 4.x is supported in addition to Bootstrap 3.x since release v4.4.4. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details.
|
|
|
> - You can use the [sass branch](https://github.com/kartik-v/bootstrap-fileinput/tree/sass) for installation using `bootstrap-sass` dependency.
|
|
|
The [master branch](https://github.com/kartik-v/bootstrap-fileinput/tree/master) can be used for installation using plain `bootstrap` dependency.
|
|
|
|
|
|
@@ -60,19 +60,19 @@ Step 1: Load the following assets in your header.
|
|
|
```html
|
|
|
<!-- bootstrap 4.x is supported. You can also use the bootstrap css 3.3.x versions -->
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
|
|
|
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
|
|
|
+<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
|
|
|
<!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below -->
|
|
|
-<!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
|
|
|
+<!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
|
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
|
|
<!-- piexif.min.js is only needed for restoring exif data in resized images and when you
|
|
|
wish to resize images before upload. This must be loaded before fileinput.min.js -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/plugins/piexif.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/js/plugins/piexif.min.js" type="text/javascript"></script>
|
|
|
<!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview.
|
|
|
This must be loaded before fileinput.min.js -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/plugins/sortable.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/js/plugins/sortable.min.js" type="text/javascript"></script>
|
|
|
<!-- purify.min.js is only needed if you wish to purify HTML content in your preview for
|
|
|
HTML files. This must be loaded before fileinput.min.js -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/plugins/purify.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/js/plugins/purify.min.js" type="text/javascript"></script>
|
|
|
<!-- popper.min.js below is needed if you use bootstrap 4.x. You can also use the bootstrap js
|
|
|
3.3.x versions without popper.min.js. -->
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
|
|
|
@@ -80,11 +80,11 @@ Step 1: Load the following assets in your header.
|
|
|
dialog. bootstrap 4.x is supported. You can also use the bootstrap js 3.3.x versions. -->
|
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
<!-- the main fileinput plugin file -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/js/fileinput.min.js"></script>
|
|
|
<!-- optionally if you need a theme like font awesome theme you can include it as mentioned below -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/themes/fa/theme.js"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/themes/fa/theme.js"></script>
|
|
|
<!-- optionally if you need translation for your language then include locale file as mentioned below -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/locales/(lang).js"></script>
|
|
|
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.8/js/locales/(lang).js"></script>
|
|
|
```
|
|
|
|
|
|
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.
|
Kartik Visweswaran