-
-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
10 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -92,10 +92,10 @@ Step 1: Load the following assets on your page in the order mentioned. | |
<!-- link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" crossorigin="anonymous" --> | ||
|
||
<!-- the fileinput plugin styling CSS file --> | ||
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> | ||
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/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://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /--> | ||
<!-- link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /--> | ||
|
||
<!-- the jQuery Library --> | ||
<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. | |
selected file (note: this will involve a small processing overhead in scanning of file contents locally). If you | ||
do not load these scripts then the mime type parsing will largely be derived using the extension in the filename | ||
and some basic file content parsing signatures. --> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/plugins/buffer.min.js" type="text/javascript"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/plugins/filetype.min.js" type="text/javascript"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/js/plugins/buffer.min.js" type="text/javascript"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/js/plugins/filetype.min.js" type="text/javascript"></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://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/plugins/piexif.min.js" type="text/javascript"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/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://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/plugins/sortable.min.js" type="text/javascript"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/js/plugins/sortable.min.js" type="text/javascript"></script> | ||
|
||
<!-- bootstrap.bundle.min.js below is needed if you wish to zoom and preview file content in a detail modal | ||
dialog. bootstrap 5.x or 4.x is supported. You can also use the bootstrap js 3.3.x versions. --> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> | ||
|
||
<!-- the main fileinput plugin script JS file --> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/fileinput.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/js/fileinput.min.js"></script> | ||
|
||
<!-- following theme script is needed to use the Font Awesome 5.x theme (`fas`). Uncomment if needed. --> | ||
<!-- script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/themes/fas/theme.min.js"></script --> | ||
<!-- script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/themes/fas/theme.min.js"></script --> | ||
|
||
<!-- optionally if you need translation for your language then include the locale file as mentioned below (replace LANG.js with your language locale) --> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/locales/LANG.js"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].3/js/locales/LANG.js"></script> | ||
``` | ||
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. | ||
|
||
|