|
@@ -81,28 +81,28 @@ Step 1: Load the following assets in your header.
|
|
|
```html
|
|
|
<!-- bootstrap 5.x and 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.6.0/css/bootstrap.min.css">
|
|
|
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.2.0/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
|
|
|
+<link href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/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/5.2.0/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
|
|
|
+<!-- link href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
|
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
|
<!-- piexif.min.js is needed for auto orienting image files OR when 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/5.2.0/js/plugins/piexif.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/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/5.2.0/js/plugins/sortable.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/js/plugins/sortable.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.14.7/umd/popper.min.js"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
|
|
|
<!-- bootstrap.min.js below is needed if you wish to zoom and preview file content in a detail modal
|
|
|
dialog. Bootstrap 5.x and 4.x is supported. You can also use the 3.3.x versions. -->
|
|
|
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.6.0/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
<!-- the main fileinput plugin file -->
|
|
|
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.2.0/js/fileinput.min.js"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/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/5.2.0/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/5.2.0/js/locales/(lang).js"></script>
|
|
|
+<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.0/themes/fa/theme.js"></script>
|
|
|
+<!-- optionally if you need translation for your language then include locale file as mentioned below (replace LANG.js with your locale file) -->
|
|
|
+<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected]/js/locales/LANG.js"></script>
|
|
|
```
|
|
|
With v5.2.0, the plugin is able to automatically detect the bootstrap library version and deliver the relevant bootstrap specific functionality (if you have loaded the bootstrap.min.js before fileinput.min.js). In case of any issues - you can explicitly set the bootstrap version by setting the following variable before the plugin initialization script.
|
|
|
|