@@ -83,7 +83,7 @@ Step 1: Load the following assets on your page in the order mentioned.
83
83
84
84
``` html
85
85
<!-- bootstrap 5.x or 4.x is supported. You can also use the bootstrap css 3.3.x versions -->
86
- <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/bootstrap@5.1.3 /dist/css/bootstrap.min.css" crossorigin =" anonymous" >
86
+ <link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/bootstrap@5.2.0 /dist/css/bootstrap.min.css" crossorigin =" anonymous" >
87
87
88
88
<!-- default icons used in the plugin are from Bootstrap 5.x icon library (which can be enabled by loading CSS below) -->
89
89
<link rel =" stylesheet" href =" https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css" crossorigin =" anonymous" >
@@ -92,10 +92,10 @@ Step 1: Load the following assets on your page in the order mentioned.
92
92
<!-- link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" crossorigin="anonymous" -->
93
93
94
94
<!-- the fileinput plugin styling CSS file -->
95
- <link href =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /css/fileinput.min.css" media =" all" rel =" stylesheet" type =" text/css" />
95
+ <link href =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /css/fileinput.min.css" media =" all" rel =" stylesheet" type =" text/css" />
96
96
97
97
<!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below -->
98
- <!-- link href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
98
+ <!-- link href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
99
99
100
100
<!-- the jQuery Library -->
101
101
<script src =" https://code.jquery.com/jquery-3.6.0.min.js" crossorigin =" anonymous" ></script >
@@ -106,29 +106,29 @@ Step 1: Load the following assets on your page in the order mentioned.
106
106
selected file (note: this will involve a small processing overhead in scanning of file contents locally). If you
107
107
do not load these scripts then the mime type parsing will largely be derived using the extension in the filename
108
108
and some basic file content parsing signatures. -->
109
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/plugins/buffer.min.js" type =" text/javascript" ></script >
110
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/plugins/filetype.min.js" type =" text/javascript" ></script >
109
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/plugins/buffer.min.js" type =" text/javascript" ></script >
110
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/plugins/filetype.min.js" type =" text/javascript" ></script >
111
111
112
112
<!-- piexif.min.js is needed for auto orienting image files OR when restoring exif data in resized images and when you
113
113
wish to resize images before upload. This must be loaded before fileinput.min.js -->
114
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/plugins/piexif.min.js" type =" text/javascript" ></script >
114
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/plugins/piexif.min.js" type =" text/javascript" ></script >
115
115
116
116
<!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview.
117
117
This must be loaded before fileinput.min.js -->
118
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/plugins/sortable.min.js" type =" text/javascript" ></script >
118
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/plugins/sortable.min.js" type =" text/javascript" ></script >
119
119
120
120
<!-- bootstrap.bundle.min.js below is needed if you wish to zoom and preview file content in a detail modal
121
121
dialog. bootstrap 5.x or 4.x is supported. You can also use the bootstrap js 3.3.x versions. -->
122
- <script src =" https://cdn.jsdelivr.net/npm/bootstrap@5.1.3 /dist/js/bootstrap.bundle.min.js" crossorigin =" anonymous" ></script >
122
+ <script src =" https://cdn.jsdelivr.net/npm/bootstrap@5.2.0 /dist/js/bootstrap.bundle.min.js" crossorigin =" anonymous" ></script >
123
123
124
124
<!-- the main fileinput plugin script JS file -->
125
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/fileinput.min.js" ></script >
125
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/fileinput.min.js" ></script >
126
126
127
127
<!-- following theme script is needed to use the Font Awesome 5.x theme (`fas`). Uncomment if needed. -->
128
- <!-- script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /themes/fas/theme.min.js"></script -->
128
+ <!-- script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /themes/fas/theme.min.js"></script -->
129
129
130
130
<!-- optionally if you need translation for your language then include the locale file as mentioned below (replace LANG.js with your language locale) -->
131
- <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.0 /js/locales/LANG.js" ></script >
131
+ <script src =" https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.5.1 /js/locales/LANG.js" ></script >
132
132
```
133
133
With v5.2.1, 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.
134
134
0 commit comments