https://innostudio.de/fileuploader/

• Flow (adapted by KGI to use bootstrap modal)
  • Adding files by clicking <div class="fileuploader-input"> or dragging files into it
    • jquery.fileuploader.js:
      • s = input element, p = parent element, o = new input element, l = list element, sl = input elements, n = options, f = fileuploader
      1. f.init:
         • set p, language, merge options
         • n.beforeRenderer(parentEl p, inputEl s); Callback fired before rendering the fileuploader elements, by returning false, you will prevent the rendering
         • f.redesign();
           • set theme, set new input html, hide standard input
           • f.thumbnails.create(); create thumbnails list
             • n.thumbnails.beforeShow(parentEl p, newInputEl on inputEl s); Callback fired before adding the list element
             • create box (n.thumbnails.box)
             • bind item popup, start, retry, rotate, remove/cancel methods to the selector n.thumbnails._selectors.popup_open, .start, .retry, .rotate, .remove
           • set drag&drop container
         • if (n.files) { f.files.append(n.files); } append files from options (see pre-load files)

== Notes =

1. ~~codedoc:xref:preloading~~ Pre-loading files

   • [{
         name: 'file.txt', // file name
         size: 1024, // file size in bytes
         type: 'text/plain', // file MIME type
         file: 'uploads/file.txt', // file path
         local: '../uploads/file.txt', // file path in listInput (optional)
         data: {
             thumbnail: 'uploads/file_thumbnail.jpg', // item custom thumbnail; if false will disable the thumbnail (optional)
             readerCrossOrigin: 'anonymous', // fix image cross-origin issue (optional)
             readerForce: true, // prevent the browser cache of the image (optional)
             readerSkip: true, // skip file from reading by rendering a thumbnail (optional)
             popup: false, // remove the popup for this file (optional)
             listProps: {}, // custom key: value attributes in the fileuploader's list (optional)
             your_own_attribute: 'your own value'
         }
     }]