bootstrap-fileinput

An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.

OTHER License

Downloads
38.1K
Stars
5.3K
Committers
150

Bot releases are hidden (Show)

bootstrap-fileinput - Version 5.5.4 Latest Release

Published by kartik-v 6 months ago

Date: 09-Apr-2024

  • (bug #1858): Correct Plugin Options & Themes Initialization.
  • (bug #1857): Correct Finnish Translations.
  • (enh #1833): Fix compliance with CSP not having unsafe-inline policy.
bootstrap-fileinput - Version 5.5.3

Published by kartik-v 7 months ago

Date: 11-Mar-2024

  • (enh #1856): Replace and fix deprecated jQuery methods.
  • (enh #1852): Create Basque Translations.
  • (enh #1851): Update Spanish Translations.
  • (enh #1850): Add maxMultipleFileSize feature check.
  • (enh #1847): Fix invalid attribute autocomplete for button.
  • (enh #1846): Update Finnish Translations.
  • (enh #1845): Copy & Paste files functionality (pasting enabled on the filename caption input element).
  • (enh #1842): Update German Translations.
  • (enh #1840): Update Hungarian Translations.
  • (enh #1836): Create Urdu Translations.
  • (enh #1825): Update fileinput.js overriding default options.
  • (bug #1822): Fix tiff parsing exceptions and convert filetype library to ES5.
bootstrap-fileinput - Version 5.5.2

Published by kartik-v about 2 years ago

version 5.5.2

Date: 13-Oct-2022

  • (bug #1822): Correct file type tokenizer parsing.
  • (enh #1821): Update Indonesian Translations.
  • (enh #1819): Update Chinese Translations.
  • (enh #1817): Fix invalid signature detection.
bootstrap-fileinput - Version 5.5.1

Published by kartik-v about 2 years ago

Date: 17-Aug-2022

  • (enh #1809, #1810): Correct minified plugins file "filetype.min.js".
  • (enh #1803): Add image/vnd.dwg signature.
  • (bug #1802): Fix SassError Invalid parent selector.
  • (bug #1782): Fix loading indicator reset for same file selected again.
bootstrap-fileinput - Version 5.5.0

Published by kartik-v over 2 years ago

Major Release: BC Breaking

Date: 29-Jun-2022

  • (enh #1800): Styling enhancements for thumbnail content and rotatable images.
  • (enh #1799): Correct translations containing {maxSize}, {minSize}, {size}.
  • (enh #1796): Add two new Font Awesome 6.x themes.
    • fa6
    • explorer-fa6
  • (enh #1795): Refactoring and renaming of all Font Awesome based themes.
    • Refactor and rename fa theme to fa4
    • Refactor and rename fas theme to fa5
    • Refactor and rename explorer-fa theme to explorer-fa4
    • Refactor and rename explorer-fas theme to explorer-fa5
  • (enh #1792): Advanced file mime type detection for preview irrespective of file extension.
    • Load the following new plugin files before fileinput.min.js
<!-- buffer.min.js and filetype.min.js are necessary in the order listed for advanced mime type parsing and more correct
     preview. This is a feature available since v5.5.0 and is needed if you want to ensure file mime type is parsed 
     correctly even if the local file's extension is named incorrectly. This will ensure more correct preview of the
     selected file (note: this will involve a small processing overhead in scanning of file contents locally). -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected]/js/plugins/buffer.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected]/js/plugins/filetype.min.js" type="text/javascript"></script>
  • (enh #1791): Enhance preview update automatically when addToStack is called.

  • (enh #1785): Image rotation button action feature in thumbnail and zoom.

    • New property rotatableFileExtensions defaults to ['jpg', 'jpeg', 'png', 'gif'],
    • New properties in fileActionSettings (rotateIcon, rotateTitle, rotateClass)
    • New properties previewZoomButtonIcons.rotate, previewZoomButtonClasses.rotate and previewZoomButtonTitles.rotate
  • (enh #1788): Enhancements to showUserError method.

    • New 3rd parameter retainErrorHistory which allows you to retain previous errors (defaults to false)
var $input = $('#file-input-id');
$input.on('fileuploaderror', function(event, data) {
  var userMessage = 'We could not process the upload because of a server error.',
      retainErrorHistory = true; // whether to retain error history
  // to show error specific to each file pass `data` as received above (the `data` object must contain the `fileId` property)
  $input.fileinput('showUserError', userMessage, data, retainErrorHistory);

  // to show a constant global error not specific to each file do not pass `data` (uncomment below line to achieve this)
  // $input.fileinput('showUserError', userMessage); 
});
  • (enh #1694): Thumbnail of images only but detailed preview/iconic view of all other files.
    • New property alwaysPreviewFileExtensions - setup as an array list of extensions whose content will always be shown in preview (irrespective of preferIconPreview or previewFileIconSettings which will be used to control icon preview for configured types).
bootstrap-fileinput - Version 5.2.8

Published by kartik-v over 2 years ago

Date: 10-May-2022

  • (enh #1787): Enhance image size validation messages.
  • (enh #1786): Correct Uzbek Cyrillic Translation file name.
  • (enh #1784): Correct documentation for layoutTemplates.fileIcon.
  • (bug #1783): Correct image size validation checks (for min and max width/height).
  • (enh #1782): Correct loading indicator reset for file selection.
  • (bug #1780): Correct autoReplace behavior to clear already uploaded thumbnails.
  • (enh #1779): New plugin method showUserError and new event fileusererror.
    Usage:
var $input = $('#file-input-id');
$input.on('fileuploaderror', function(event, data) {
  var userMessage = 'We could not process the upload because of a server error.';

  // to show error specific to each file pass `data` as received above (the `data` object must contain the `fileId` property)
  $input.fileinput('showUserError', userMessage, data);

  // to show a constant global error not specific to each file do not pass `data` (uncomment below line to achieve this)
  // $input.fileinput('showUserError', userMessage); 
});
  • (enh #1777): Ensure alt property for image is applied via intial preview config if set.
  • (bug #1775): Correct syntax error for Danish translations.
  • (bug #1773): Fix blank preview issue for large files > maxFilePreviewSize.
  • (enh #1771): Human readable sizes in messages like msgSizeTooLarge.
bootstrap-fileinput - Version 5.2.7

Published by kartik-v almost 3 years ago

Date: 17-Dec-2021

  • (enh #1767): Enhance ajax task queuing to validate maxAjaxThreads correctly.
    • enhancement for async uploads (with correct firing of events filebatchuploadsuccess and filebatchuploaderror)
  • (enh #1765): Map missing icons in gly theme.
  • (enh #1763): Preview centering enhancements for thumbnail, object and zoom content.
  • (bug #1758): Correct bootstrap module parser.
bootstrap-fileinput - Version 5.2.6

Published by kartik-v about 3 years ago

Date: 23-Sep-2021

  • (bug #1758): Correct bootstrap module parser.
  • (enh #1756): Replace getLoadingUrl to a new $h.getZoomPlaceholder method.
bootstrap-fileinput - Version 5.2.5

Published by kartik-v about 3 years ago

Date: 19-Sep-2021

  • (enh #1755): Simplify NPM module handling.
bootstrap-fileinput - Version 5.2.4

Published by kartik-v about 3 years ago

Date: 17-Sep-2021

  • (enh #1754): Default button styling & Explorer theme enhancements.
  • (enh #1753): Enhance NPM module handling.
  • (enh #1752): Enhance exif properties validation .
  • (enh #1750): Enhancements to file caption icon and input group styling.
  • (enh #1744): Enhance zoom cache temporary url to use loader image.
  • (enh #1741): Fix zoom cache 404 console warnings.
bootstrap-fileinput - Version 5.2.3

Published by kartik-v about 3 years ago

Date: 25-Jul-2021

  • (enh #1738): Enhancements to zoomed preview to include additional description and better title styling.
    • The initialPreviewConfig will include an additional property description
    • The modal layout template will include a kv-zoom-description container which will render the description from initialPreviewConfig. This container will be hidden if no description found.
    • The modal layout template will include kv-zoom-caption container which will render the caption or filename from initialPreviewConfig. If that is not found it will default to msgZoomModalHeading.
    • The modal layout template will include kv-zoom-size container which will render the size as set in initialPreviewConfig.
    • The description will be shown as a bubble text over the image/content.
    • Additional new property showDescriptionClose (boolean). Will show a close icon to close the description bubble text when set to true. Defaults to true.
  • (enh #1737): Configurable file size units and bitrate units. New plugin properties configurable and translateable via locale language files.
    • sizeUnits defaults to ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
    • bitRateUnits defaults to ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s', 'PB/s', 'EB/s', 'ZB/s', 'YB/s']
  • (enh #1736): Correct byte to KB conversion.
    • new property bytesToKB which defaults to 1024 is used for conversion.
  • (enh #1735): Correct file caption reset after thumbnail delete.
  • (bug #1734): Correct zoom data refresh for each individual file upload.
  • (enh #1731): Enhance RTL Styling for bootstrap 4/5 input groups.
  • (enh #1730): Enhancements for bootstrap input group styles.
    • New plugin option inputGroupClass - defaults to empty string
    • Can be set to input-group-lg or input-group-sm to get bootstrap input group styles
    • Enhanced caption icon styling to match the bootstrap input group styles
  • (enh #1727): Correct zoom navigation for reverse preview order.
  • (enh #1726): Update Chinese translations.
  • (enh #1722): Enhance zoom cache rendering and carousel navigation indicators.
  • (enh #1721): Correct fileselect event triggering.
  • (enh #1720): Enhance parsing of zoomData to lazy load content asynchronously only on zoom.
  • (enh #1642): Enhance filebatchpreupload event listening for effective aborting.
bootstrap-fileinput - Version 5.2.2

Published by kartik-v over 3 years ago

Date: 19-Jun-2021

  • (enh #1719): Show loading / processing when browse button used for file selection
  • (enh #1718): Enhancements for Bootstrap 5.x & New Theme
    • Default to use bootstrap 5.x icons instead of glyphicons
    • Correct layoutTemplates.main2 to use wrapper container for the buttons to use mainClass
    • Create a new theme bs5 to support bootstrap 5.x icons and styles
    • This is a BC breaking change - which will remove GLYPHICONS as default icons and replace them with Bootstrap 5.x Icon Library. Users must load the Bootstrap icons CSS on their pages for this new change to take effect (as mentioned in docs).
  • (enh #1716): Update Czech Translations.
  • (enh #1715): Update Slovak Translations.
  • (enh #1714): Various enhancements to file caption styling and file preview processing.
  • (enh #1713): Allow pasting files and images from clipboard to the fileinput.
  • (enh #1710): Correct isEmpty helper.
  • (bug #1709): Corrections to image resizing.
  • (bug #1708): Corrections to reselection/upload of image file deleted earlier.
bootstrap-fileinput - Version 5.2.1

Published by kartik-v over 3 years ago

Date: 19-May-2021

  • (enh #1705): Enhance reset of file caption title.
  • (enh #1705): Corrections to image resizing.
  • (enh #1704): Enhance and fix CDN to use jsDelivr.
bootstrap-fileinput - Version 5.2.0

Published by kartik-v over 3 years ago

Date: 06-May-2021

  • (enh #1674): Enhancements to add support for Bootstrap v5.
    • Major release to support Bootstrap version 5.x
    • Bootstrap version is auto detected with this release if the bootstrap javascript library is loaded
    • Additional flexibility is provided to developer to override a specific bootstrap version by setting $.fn.fileinputBsVersion
    • There is an existing issue for MODAL dialog initialization in Bootstrap library v5.x. Refer the issue reported at the Bootstrap 5.x library repo with a workaround.
  • (enh #1699): Update Danish Translations.
  • (enh #1698): Tab index ordering enhancements.
    • fix tab order breaking after file caption highlight
    • added new property tabIndexConfig for configuration of tab indices for each section
      which defaults to (null value means no tabindex property will be set for that section)
    tabIndexConfig: {
        caption: 500,
        browse: 500,
        remove: 500,
        upload: 500,
        cancel: null,
        pause: null,
        modal: -1
    }
  • (enh #1693): Add Latvian Translations.
  • (enh #1690): Add Uzbek Cyrillic Translations.
  • (enh #1647, #1679, #1695): Correct success file thumbs init.
bootstrap-fileinput - Version 5.1.5

Published by kartik-v over 3 years ago

Date: 03-Mar-2021

  • (enh #1687, #1688): Allow error history to be displayed for resumable uploads.
    • new boolean property resumableUploadOptions.retainErrorHistory
  • (enh #1683): Better correct CSP Buffer Stash using CSSStyleDeclaration.
  • (enh #1681): Update Turkish Translations.
  • (bug #1678): Resumable upload error handling fixes
    • new boolean property resumableUploadOptions.skipErrorsAndProceed
    • new event filemaxretries
bootstrap-fileinput - Version 5.1.4

Published by kartik-v almost 4 years ago

Date: 12-Jan-2021

  • (enh #1672): Add namespace control on bootstrap modal show trigger to avoid interaction with other plugins.
  • (bug #1671): Correct upload button behavior in file thumbnail footer.
  • (enh #1664): Enhance upload stats and add bitrate update delay.
  • (enh #1663): Correct upload bitrate.
  • (enh #1657, #1659): Update Hungarian Translations.
  • (bug #1656): Correct error in _getThumbFileId.
  • (bug #1652): Correct thumb parsing error for events when showPreview is false.
  • (enh #1651): Pass file id in fileuploaded event for non-resumable ajax async uploads.
  • (enh #1650): Update Ukranian Translations.
  • (bug #1649): Correct image size validation.
  • (enh #1648): New plugin method getFilesSize to return sum of bytes of all files.
  • (enh #1645): Update Polish Translations.
  • (bug #1123): Fix clickable zone behavior on file validation error.
bootstrap-fileinput - Version 5.1.3

Published by kartik-v almost 4 years ago

Date: 24-Oct-2020

  • (enh #1644): Fix problem with outlook deleting email after drag and drop.
  • (enh #1643): Update Arabic Translations.
  • (enh #1640): Update Greek Translations.
  • (enh #1639): Update Greek Translations.
  • (enh #1638): Correct zoom cache to prevent duplicate thumb frames display.
  • (enh #1637): Remove dependency on DOM Purify Plugin.
  • (enh #1636): Enhance preview for PDF, Text & HTML.
  • (enh #1635): Enhance Text & HTML files initial preview to be read as links.
  • (bug #1632): Correct preview for plain text content.
  • (bug #1631): Correct modal dialog aria-labelledby binding.
  • (enh #1630): New preProcessUpload callback that can convert / encrypt file content before upload.
  • (enh #1627): Add bootstrap 4 progress bar animation.
  • (enh #1625): Default minFileSize to -1 to allow zero byte files to be uploaded.
  • (enh #1617): Better encoded file id generation.
  • (enh #1612, #1614): Remove unsupported script-inline from template and CSP buffer.
bootstrap-fileinput - Version 5.1.2

Published by kartik-v over 4 years ago

Date: 15-Jul-2020

  • (enh #1604): Correct upload stats time calculation for sync uploads.
  • (enh #1603): Add Serbian Latin Translations.
  • (enh #1602): Enhance zoom cache sanitization by parsing all inputs.
  • (enh #1595): Enhance styling for drop zone to maintain consistent size during file selections.
  • (bug #1594): Correct removeThumb validation for in readFiles throwError method.
  • (enh #1593): Correct resumable test upload validation.
  • (enh #1591): Parse arguments as an array via vanilla JS.
  • (enh #1589): Correct msgPlaceholder for de & uz translations.
  • (enh #1588): Enhance duplicate validation for recently uploaded thumbs.
bootstrap-fileinput - Version 5.1.1

Published by kartik-v over 4 years ago

Date: 20-Jun-2020

  • (enh #1587): Enhance resumable ajax error trapping.
  • (bug #1585): Correct file sorting and zoom cache handling.
bootstrap-fileinput - Version 5.1.0

Published by kartik-v over 4 years ago

Date: 11-Jun-2020

  • (enh #1584): Revamp Krajee Explorer Themes.
  • (bug #1583): Correct cspBuffer stash html content store.
  • (enh #1582): Set showConsoleLogs to false as default.
  • (enh #1581): Enhance Sortable Behavior & Styles.
    • Update to use latest release of Rubaxa Sortable Plugin
    • Fix errors in sortable init
    • Update drag handle styles to show correct grab cursor
  • (enh #1580): Validate drop zone title by correctly checking if native input has files.
  • (enh #1578): Enhance progress bar styling.
  • (enh #1577): Use &hellip; instead of three dots.
  • (enh #1576): Update French Translations.