Explorar el Código

Adding new chunking-fileuploader template (#3501)

(cherry picked from commit 517072fe35143c0a3cdff507ba63659222b710f8)
Change-Id: I9f80d24959a725c8a4765de7759b8114be808460

pop up modal close and upload job progress UI changes

(cherry picked from commit f2fb733b615281369fbd228a9cd4a220659284ba)

Fix - drag and drop functionality - the drop zone will automatically hide when the file is moved out of the dropzone area ,
fix file upload popup css styling,
name of the file uploading will be displayed instead of static text failed.

(cherry picked from commit 7d9737bff986d0c9c54cd381a098eaff16ff89a8)

chunksize and max number of concurrent connections config support

(cherry picked from commit 2cf8b9817293637ae6307228a2cd70800fd60ac0)

Flag to enable new file uploader

(cherry picked from commit 4df96aada7667f95871aa0e5c79a7c52a3933c06)
Change-Id: Id1eae6e920d42668858eb2b3586c5b492195e482

Co-authored-by: Prakash Ranade <ranade@cloudera.com>
Athithyaa Selvam hace 2 años
padre
commit
f931e4f00d

+ 1 - 1
apps/filebrowser/src/filebrowser/conf.py

@@ -42,7 +42,7 @@ ARCHIVE_UPLOAD_TEMPDIR = Config(
 
 FILE_UPLOAD_CHUNK_SIZE = Config(
   key="file_upload_chunk_size",
-  default=5000000,
+  default=5242880,
   type=int,
   help=_('Configure chunk size of the chunked file uploader. Default chunk size is set to 5MB.'))
 

+ 160 - 56
apps/filebrowser/src/filebrowser/templates/listdir_components.mako

@@ -22,7 +22,7 @@ from django.template.defaultfilters import urlencode, stringformat, filesizeform
 from desktop.lib.django_util import reverse_with_get, extract_field_data
 from django.utils.encoding import smart_str
 
-from filebrowser.conf import ENABLE_EXTRACT_UPLOADED_ARCHIVE
+from filebrowser.conf import ENABLE_EXTRACT_UPLOADED_ARCHIVE, FILE_UPLOAD_CHUNK_SIZE, CONCURRENT_MAX_CONNECTIONS
 
 if sys.version_info[0] > 2:
   from django.utils.translation import gettext as _
@@ -698,6 +698,31 @@ else:
 
   <script src="${ static('desktop/ext/js/datatables-paging-0.1.js') }" type="text/javascript" charset="utf-8"></script>
 
+  <script type="text/template" id="qq-template">
+    <div class="qq-uploader-selector" style="margin-left: 10px">
+        <div class="qq-upload-drop-area-selector" qq-hide-dropzone><span>${_('Drop the files here to upload')}</span></div>
+        <div class="qq-upload-button-selector qq-no-float">${_('Select files')}</div> &nbsp;
+        <span class="muted">${_('or drag and drop them here')}</span>
+
+        <ul class="qq-upload-list-selector qq-upload-files unstyled qq-no-float" style="margin-right: 0;">
+            <li>
+                <span class="qq-upload-spinner-selector hide" style="display:none"></span>
+                <div class="progress-row dz-processing">
+                    <span class="break-word qq-upload-file-selector"></span>
+                    <div class="pull-right">
+                        <span class="qq-upload-file-selector" style="display:block"></span>
+                        <span class="muted qq-upload-size-selector"></span>&nbsp;&nbsp;
+                        <a href="#" title="${_('Cancel')}" class="complex-layout"><i class="fa fa-fw fa-times qq-upload-cancel-selector"></i></a>
+                        <span class="qq-upload-done-selector" style="display:none"><i class="fa fa-fw fa-check muted"></i></span>
+                        <span class="qq-upload-failed-text">${_('Failed')}</span>
+                    </div>
+                    <div class="progress-row-bar" style="width: 0%;"></div>
+                </div>
+            </li>
+        </ul>
+    </div>
+  </script>
+
 
   <script>
     var _dragged;
@@ -2021,63 +2046,140 @@ else:
       };
 
       self.uploadFile = (function () {
-        self.pendingUploads(0);
-        var action = "/filebrowser/upload/file";
-        var uploader = new qq.FileUploader({
-          element: document.getElementById("fileUploader"),
-          action: action,
-          template: '<div class="qq-uploader" style="margin-left: 10px">' +
-          '<div class="qq-upload-drop-area"><span>${_('Drop the files here to upload')}</span></div>' +
-          '<div class="qq-upload-button qq-no-float">${_('Select files')}</div> &nbsp; <span class="muted">${_('or drag and drop them here')}</span>' +
-          '<ul class="qq-upload-list qq-upload-files unstyled qq-no-float" style="margin-right: 0;"></ul>' +
-          '</div>',
-          fileTemplate: '<li><span class="qq-upload-file-extended" style="display:none"></span><span class="qq-upload-spinner hide" style="display:none"></span>' +
-          '<div class="progress-row dz-processing">' +
-          '<span class="break-word qq-upload-file"></span>' +
-          '<div class="pull-right">' +
-          '<span class="muted qq-upload-size"></span>&nbsp;&nbsp;' +
-          '<a href="#" title="${_('Cancel')}" class="complex-layout"><i class="fa fa-fw fa-times qq-upload-cancel"></i></a>' +
-          '<span class="qq-upload-done" style="display:none"><i class="fa fa-fw fa-check muted"></i></span>' +
-          '<span class="qq-upload-failed-text">${_('Failed')}</span>' +
-          '</div>' +
-          '<div class="progress-row-bar" style="width: 0%;"></div>' +
-          '</div></li>',
-          params: {
-            dest: self.currentPath(),
-            fileFieldLabel: "hdfs_file"
-          },
-          onProgress: function (id, fileName, loaded, total) {
-            $('.qq-upload-files').find('li').each(function(){
-              var listItem = $(this);
-              if (listItem.find('.qq-upload-file-extended').text() == fileName){
-                listItem.find('.progress-row-bar').css('width', (loaded/total)*100 + '%');
-              }
+          var uploader;  
+          if (window.getLastKnownConfig().hue_config.enable_chunked_file_uploader) {
+            self.pendingUploads(0);
+            var action = "/filebrowser/upload/chunks/";
+            uploader = new qq.FileUploader({
+              element: document.getElementById("fileUploader"),
+              request: {
+                  endpoint: action,
+                  paramsInBody: false,
+                  params: {
+                      dest: self.currentPath(),
+                      inputName: "hdfs_file"
+                  }
+              },
+              maxConnections: window.CONCURRENT_MAX_CONNECTIONS || 5,
+              chunking: {
+                  enabled: true,
+                  concurrent: {
+                      enabled: true
+                  },
+                  partSize: window.FILE_UPLOAD_CHUNK_SIZE || 5242880,
+                  success: {
+                      endpoint: "/filebrowser/upload/complete/"
+                  },
+                  paramNames: {
+                      partIndex: "qqpartindex",
+                      partByteOffset: "qqpartbyteoffset",
+                      chunkSize: "qqchunksize",
+                      totalFileSize: "qqtotalfilesize",
+                      totalParts: "qqtotalparts"
+                  }
+              },
+
+              template: 'qq-template',
+              callbacks: {
+                  onProgress: function (id, fileName, loaded, total) {
+                  console.log(loaded);
+                  $('.qq-upload-files').find('li').each(function(){
+                    var listItem = $(this);
+                    if (listItem.find('.qq-upload-file-selector').text() == fileName){
+                      listItem.find('.progress-row-bar').css('width', (loaded/total)*100 + '%');
+                    }
+                  });
+                  },
+                  onComplete: function (id, fileName, response) {
+                    self.pendingUploads(self.pendingUploads() - 1);
+                    if (response.status != 0) {
+                      $(document).trigger('error', "${ _('Error: ') }" + response.data);
+                    }
+                    else {
+                      $(document).trigger('info', response.path + "${ _(' uploaded successfully.') }");
+                      self.filesToHighlight.push(response.path);
+                    }
+                    if (self.pendingUploads() == 0) {
+                      $('#uploadFileModal').modal('hide');
+                      self.retrieveData(true);
+                    }
+                  },
+
+                  onAllComplete: function(succeeded, failed){
+                    $('#uploadFileModal').modal('hide');
+                  },
+                  onSubmit: function (id, fileName, responseJSON) {
+                    var newPath = "/filebrowser/upload/chunks/file?dest=" + encodeURIComponent(self.currentPath().normalize('NFC'));
+                    this.setEndpoint(newPath);
+                    self.pendingUploads(self.pendingUploads() + 1);
+                  },
+                  onCancel: function (id, fileName) {
+                    self.pendingUploads(self.pendingUploads() - 1);
+                  }
+              },
+
+              debug: false
             });
-          },
-          onComplete: function (id, fileName, response) {
-            self.pendingUploads(self.pendingUploads() - 1);
-            if (response.status != 0) {
-              huePubSub.publish('hue.global.error', {message: "${ _('Error: ') }" + response.data});
-            }
-            else {
-              $(document).trigger('info', response.path + "${ _(' uploaded successfully.') }");
-              self.filesToHighlight.push(response.path);
-            }
-            if (self.pendingUploads() == 0) {
-              $('#uploadFileModal').modal('hide');
-              self.retrieveData(true);
-            }
-          },
-          onSubmit: function (id, fileName, responseJSON) {
-            self.pendingUploads(self.pendingUploads() + 1);
-          },
-          onCancel: function (id, fileName) {
-            self.pendingUploads(self.pendingUploads() - 1);
-          },
-          debug: false
-        });
+          }
+          else {
+            self.pendingUploads(0);
+            var action = "/filebrowser/upload/file";
+            uploader = new fileuploader.FileUploader({
+              element: document.getElementById("fileUploader"),
+              action: action,
+              template: '<div class="qq-uploader" style="margin-left: 10px">' +
+              '<div class="qq-upload-drop-area"><span>${_('Drop the files here to upload')}</span></div>' +
+              '<div class="qq-upload-button qq-no-float">${_('Select files')}</div> &nbsp; <span class="muted">${_('or drag and drop them here')}</span>' +
+              '<ul class="qq-upload-list qq-upload-files unstyled qq-no-float" style="margin-right: 0;"></ul>' +
+              '</div>',
+              fileTemplate: '<li><span class="qq-upload-file-extended" style="display:none"></span><span class="qq-upload-spinner hide" style="display:none"></span>' +
+              '<div class="progress-row dz-processing">' +
+              '<span class="break-word qq-upload-file"></span>' +
+              '<div class="pull-right">' +
+              '<span class="muted qq-upload-size"></span>&nbsp;&nbsp;' +
+              '<a href="#" title="${_('Cancel')}" class="complex-layout"><i class="fa fa-fw fa-times qq-upload-cancel"></i></a>' +
+              '<span class="qq-upload-done" style="display:none"><i class="fa fa-fw fa-check muted"></i></span>' +
+              '<span class="qq-upload-failed-text">${_('Failed')}</span>' +
+              '</div>' +
+              '<div class="progress-row-bar" style="width: 0%;"></div>' +
+              '</div></li>',
+              params: {
+                dest: self.currentPath(),
+                fileFieldLabel: "hdfs_file"
+              },
+              onProgress: function (id, fileName, loaded, total) {
+                $('.qq-upload-files').find('li').each(function(){
+                  var listItem = $(this);
+                  if (listItem.find('.qq-upload-file-extended').text() == fileName){
+                    listItem.find('.progress-row-bar').css('width', (loaded/total)*100 + '%');
+                  }
+                });
+              },
+              onComplete: function (id, fileName, response) {
+                self.pendingUploads(self.pendingUploads() - 1);
+                if (response.status != 0) {
+                  $(document).trigger('error', "${ _('Error: ') }" + response.data);
+                }
+                else {
+                  $(document).trigger('info', response.path + "${ _(' uploaded successfully.') }");
+                  self.filesToHighlight.push(response.path);
+                }
+                if (self.pendingUploads() == 0) {
+                  $('#uploadFileModal').modal('hide');
+                  self.retrieveData(true);
+                }
+              },
+              onSubmit: function (id, fileName, responseJSON) {
+                self.pendingUploads(self.pendingUploads() + 1);
+              },
+              onCancel: function (id, fileName) {
+                self.pendingUploads(self.pendingUploads() - 1);
+              },
+              debug: false
+            });
+          }
 
-        $("#fileUploader").on('fb:updatePath', function (e, options) {
+          $("#fileUploader").on('fb:updatePath', function (e, options) {
           const uploadingToOzone = self.currentPath().startsWith("ofs://");
           const ozoneSizeLimit = Math.min(
             ...[UPLOAD_CHUNK_SIZE, MAX_FILE_SIZE_UPLOAD_LIMIT].filter(Number.isFinite)
@@ -2641,7 +2743,9 @@ else:
           _dropzone.enable();
         }
         $(".qq-upload-list").empty();
+        $(".qq-upload-list-selector").empty();
         $(".qq-upload-drop-area").hide();
+        $(".qq-upload-drop-area-selector").hide();
       });
     });
   </script>

+ 2 - 2
desktop/core/src/desktop/api2.py

@@ -47,7 +47,7 @@ from beeswax.models import Namespace
 from desktop import appmanager
 from desktop.auth.backend import is_admin
 from desktop.conf import ENABLE_CONNECTORS, ENABLE_GIST_PREVIEW, CUSTOM, get_clusters, IS_K8S_ONLY, ENABLE_SHARING
-from desktop.conf import ENABLE_NEW_STORAGE_BROWSER, ENABLE_NEW_FILE_UPLOADER
+from desktop.conf import ENABLE_NEW_STORAGE_BROWSER, ENABLE_CHUNKED_FILE_UPLOADER
 from desktop.lib.conf import BoundContainer, GLOBAL_CONFIG, is_anonymous
 from desktop.lib.django_util import JsonResponse, login_notrequired, render
 from desktop.lib.exceptions_renderable import PopupException
@@ -100,7 +100,7 @@ def get_config(request):
   config['hue_config']['is_admin'] = is_admin(request.user)
   config['hue_config']['is_yarn_enabled'] = is_yarn()
   config['hue_config']['enable_new_storage_browser'] = ENABLE_NEW_STORAGE_BROWSER.get()
-  config['hue_config']['enable_new_file_uploader'] = ENABLE_NEW_FILE_UPLOADER.get()
+  config['hue_config']['enable_chunked_file_uploader'] = ENABLE_CHUNKED_FILE_UPLOADER.get()
   config['clusters'] = list(get_clusters(request.user).values())
   config['documents'] = {
     'types': list(Document2.objects.documents(user=request.user).order_by().values_list('type', flat=True).distinct())

+ 4 - 4
desktop/core/src/desktop/conf.py

@@ -1818,11 +1818,11 @@ ENABLE_NEW_STORAGE_BROWSER = Config(
   default=False
 )
 
-def get_chunked_fileuploader():
-  return ENABLE_NEW_FILE_UPLOADER.get();
+def is_chunked_fileuploader_enabled():
+  return ENABLE_CHUNKED_FILE_UPLOADER.get();
 
-ENABLE_NEW_FILE_UPLOADER = Config(
-  key="enable_new_file_uploader",
+ENABLE_CHUNKED_FILE_UPLOADER = Config(
+  key="enable_chunked_file_uploader",
   help=_("Enable new chunked file uploader."),
   type=coerce_bool,
   default=False

+ 3 - 2
desktop/core/src/desktop/js/ext/fileuploader.custom.js

@@ -1259,7 +1259,7 @@ qq.extend(qq.UploadHandlerXhr.prototype, {
             }
         };
 
-        var formData = new FormData();        
+        var formData = new FormData();
         formData.append(params.fileFieldLabel, file, file.name.normalize('NFC'));
         formData.append('dest', params.dest);
 
@@ -1313,4 +1313,5 @@ qq.extend(qq.UploadHandlerXhr.prototype, {
     }
 });
 
-export default qq;
+let fileuploader = qq;
+export default fileuploader;

+ 7726 - 0
desktop/core/src/desktop/js/ext/fileuploader.custom.new.js

@@ -0,0 +1,7726 @@
+// Fine Uploader 5.16.2 - MIT licensed. http://fineuploader.com
+import $ from 'jquery';
+
+(function(global) {
+    var qq = function(element) {
+        "use strict";
+        return {
+            hide: function() {
+                element.style.display = "none";
+                return this;
+            },
+            attach: function(type, fn) {
+                if (element.addEventListener) {
+                    element.addEventListener(type, fn, false);
+                } else if (element.attachEvent) {
+                    element.attachEvent("on" + type, fn);
+                }
+                return function() {
+                    qq(element).detach(type, fn);
+                };
+            },
+            detach: function(type, fn) {
+                if (element.removeEventListener) {
+                    element.removeEventListener(type, fn, false);
+                } else if (element.attachEvent) {
+                    element.detachEvent("on" + type, fn);
+                }
+                return this;
+            },
+            contains: function(descendant) {
+                if (!descendant) {
+                    return false;
+                }
+                if (element === descendant) {
+                    return true;
+                }
+                if (element.contains) {
+                    return element.contains(descendant);
+                } else {
+                    return !!(descendant.compareDocumentPosition(element) & 8);
+                }
+            },
+            insertBefore: function(elementB) {
+                elementB.parentNode.insertBefore(element, elementB);
+                return this;
+            },
+            remove: function() {
+                element.parentNode.removeChild(element);
+                return this;
+            },
+            css: function(styles) {
+                if (element.style == null) {
+                    throw new qq.Error("Can't apply style to node as it is not on the HTMLElement prototype chain!");
+                }
+                if (styles.opacity != null) {
+                    if (typeof element.style.opacity !== "string" && typeof element.filters !== "undefined") {
+                        styles.filter = "alpha(opacity=" + Math.round(100 * styles.opacity) + ")";
+                    }
+                }
+                qq.extend(element.style, styles);
+                return this;
+            },
+            hasClass: function(name, considerParent) {
+                var re = new RegExp("(^| )" + name + "( |$)");
+                return re.test(element.className) || !!(considerParent && re.test(element.parentNode.className));
+            },
+            addClass: function(name) {
+                if (!qq(element).hasClass(name)) {
+                    element.className += " " + name;
+                }
+                return this;
+            },
+            removeClass: function(name) {
+                var re = new RegExp("(^| )" + name + "( |$)");
+                element.className = element.className.replace(re, " ").replace(/^\s+|\s+$/g, "");
+                return this;
+            },
+            getByClass: function(className, first) {
+                var candidates, result = [];
+                if (first && element.querySelector) {
+                    return element.querySelector("." + className);
+                } else if (element.querySelectorAll) {
+                    return element.querySelectorAll("." + className);
+                }
+                candidates = element.getElementsByTagName("*");
+                qq.each(candidates, function(idx, val) {
+                    if (qq(val).hasClass(className)) {
+                        result.push(val);
+                    }
+                });
+                return first ? result[0] : result;
+            },
+            getFirstByClass: function(className) {
+                return qq(element).getByClass(className, true);
+            },
+            children: function() {
+                var children = [], child = element.firstChild;
+                while (child) {
+                    if (child.nodeType === 1) {
+                        children.push(child);
+                    }
+                    child = child.nextSibling;
+                }
+                return children;
+            },
+            setText: function(text) {
+                element.innerText = text;
+                element.textContent = text;
+                return this;
+            },
+            clearText: function() {
+                return qq(element).setText("");
+            },
+            hasAttribute: function(attrName) {
+                var attrVal;
+                if (element.hasAttribute) {
+                    if (!element.hasAttribute(attrName)) {
+                        return false;
+                    }
+                    return /^false$/i.exec(element.getAttribute(attrName)) == null;
+                } else {
+                    attrVal = element[attrName];
+                    if (attrVal === undefined) {
+                        return false;
+                    }
+                    return /^false$/i.exec(attrVal) == null;
+                }
+            }
+        };
+    };
+    (function() {
+        "use strict";
+        qq.canvasToBlob = function(canvas, mime, quality) {
+            return qq.dataUriToBlob(canvas.toDataURL(mime, quality));
+        };
+        qq.dataUriToBlob = function(dataUri) {
+            var arrayBuffer, byteString, createBlob = function(data, mime) {
+                var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder, blobBuilder = BlobBuilder && new BlobBuilder();
+                if (blobBuilder) {
+                    blobBuilder.append(data);
+                    return blobBuilder.getBlob(mime);
+                } else {
+                    return new Blob([ data ], {
+                        type: mime
+                    });
+                }
+            }, intArray, mimeString;
+            if (dataUri.split(",")[0].indexOf("base64") >= 0) {
+                byteString = atob(dataUri.split(",")[1]);
+            } else {
+                byteString = decodeURI(dataUri.split(",")[1]);
+            }
+            mimeString = dataUri.split(",")[0].split(":")[1].split(";")[0];
+            arrayBuffer = new ArrayBuffer(byteString.length);
+            intArray = new Uint8Array(arrayBuffer);
+            qq.each(byteString, function(idx, character) {
+                intArray[idx] = character.charCodeAt(0);
+            });
+            return createBlob(arrayBuffer, mimeString);
+        };
+        qq.log = function(message, level) {
+            if (window.console) {
+                if (!level || level === "info") {
+                    window.console.log(message);
+                } else {
+                    if (window.console[level]) {
+                        window.console[level](message);
+                    } else {
+                        window.console.log("<" + level + "> " + message);
+                    }
+                }
+            }
+        };
+        qq.isObject = function(variable) {
+            return variable && !variable.nodeType && Object.prototype.toString.call(variable) === "[object Object]";
+        };
+        qq.isFunction = function(variable) {
+            return typeof variable === "function";
+        };
+        qq.isArray = function(value) {
+            return Object.prototype.toString.call(value) === "[object Array]" || value && window.ArrayBuffer && value.buffer && value.buffer.constructor === ArrayBuffer;
+        };
+        qq.isItemList = function(maybeItemList) {
+            return Object.prototype.toString.call(maybeItemList) === "[object DataTransferItemList]";
+        };
+        qq.isNodeList = function(maybeNodeList) {
+            return Object.prototype.toString.call(maybeNodeList) === "[object NodeList]" || maybeNodeList.item && maybeNodeList.namedItem;
+        };
+        qq.isString = function(maybeString) {
+            return Object.prototype.toString.call(maybeString) === "[object String]";
+        };
+        qq.trimStr = function(string) {
+            if (String.prototype.trim) {
+                return string.trim();
+            }
+            return string.replace(/^\s+|\s+$/g, "");
+        };
+        qq.format = function(str) {
+            var args = Array.prototype.slice.call(arguments, 1), newStr = str, nextIdxToReplace = newStr.indexOf("{}");
+            qq.each(args, function(idx, val) {
+                var strBefore = newStr.substring(0, nextIdxToReplace), strAfter = newStr.substring(nextIdxToReplace + 2);
+                newStr = strBefore + val + strAfter;
+                nextIdxToReplace = newStr.indexOf("{}", nextIdxToReplace + val.length);
+                if (nextIdxToReplace < 0) {
+                    return false;
+                }
+            });
+            return newStr;
+        };
+        qq.isFile = function(maybeFile) {
+            return window.File && Object.prototype.toString.call(maybeFile) === "[object File]";
+        };
+        qq.isFileList = function(maybeFileList) {
+            return window.FileList && Object.prototype.toString.call(maybeFileList) === "[object FileList]";
+        };
+        qq.isFileOrInput = function(maybeFileOrInput) {
+            return qq.isFile(maybeFileOrInput) || qq.isInput(maybeFileOrInput);
+        };
+        qq.isInput = function(maybeInput, notFile) {
+            var evaluateType = function(type) {
+                var normalizedType = type.toLowerCase();
+                if (notFile) {
+                    return normalizedType !== "file";
+                }
+                return normalizedType === "file";
+            };
+            if (window.HTMLInputElement) {
+                if (Object.prototype.toString.call(maybeInput) === "[object HTMLInputElement]") {
+                    if (maybeInput.type && evaluateType(maybeInput.type)) {
+                        return true;
+                    }
+                }
+            }
+            if (maybeInput.tagName) {
+                if (maybeInput.tagName.toLowerCase() === "input") {
+                    if (maybeInput.type && evaluateType(maybeInput.type)) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
+        qq.isBlob = function(maybeBlob) {
+            if (window.Blob && Object.prototype.toString.call(maybeBlob) === "[object Blob]") {
+                return true;
+            }
+        };
+        qq.isXhrUploadSupported = function() {
+            var input = document.createElement("input");
+            input.type = "file";
+            return input.multiple !== undefined && typeof File !== "undefined" && typeof FormData !== "undefined" && typeof qq.createXhrInstance().upload !== "undefined";
+        };
+        qq.createXhrInstance = function() {
+            if (window.XMLHttpRequest) {
+                return new XMLHttpRequest();
+            }
+            try {
+                return new ActiveXObject("MSXML2.XMLHTTP.3.0");
+            } catch (error) {
+                qq.log("Neither XHR or ActiveX are supported!", "error");
+                return null;
+            }
+        };
+        qq.isFolderDropSupported = function(dataTransfer) {
+            return dataTransfer.items && dataTransfer.items.length > 0 && dataTransfer.items[0].webkitGetAsEntry;
+        };
+        qq.isFileChunkingSupported = function() {
+            return !qq.androidStock() && qq.isXhrUploadSupported() && (File.prototype.slice !== undefined || File.prototype.webkitSlice !== undefined || File.prototype.mozSlice !== undefined);
+        };
+        qq.sliceBlob = function(fileOrBlob, start, end) {
+            var slicer = fileOrBlob.slice || fileOrBlob.mozSlice || fileOrBlob.webkitSlice;
+            return slicer.call(fileOrBlob, start, end);
+        };
+        qq.arrayBufferToHex = function(buffer) {
+            var bytesAsHex = "", bytes = new Uint8Array(buffer);
+            qq.each(bytes, function(idx, byt) {
+                var byteAsHexStr = byt.toString(16);
+                if (byteAsHexStr.length < 2) {
+                    byteAsHexStr = "0" + byteAsHexStr;
+                }
+                bytesAsHex += byteAsHexStr;
+            });
+            return bytesAsHex;
+        };
+        qq.readBlobToHex = function(blob, startOffset, length) {
+            var initialBlob = qq.sliceBlob(blob, startOffset, startOffset + length), fileReader = new FileReader(), promise = new qq.Promise();
+            fileReader.onload = function() {
+                promise.success(qq.arrayBufferToHex(fileReader.result));
+            };
+            fileReader.onerror = promise.failure;
+            fileReader.readAsArrayBuffer(initialBlob);
+            return promise;
+        };
+        qq.extend = function(first, second, extendNested) {
+            qq.each(second, function(prop, val) {
+                if (extendNested && qq.isObject(val)) {
+                    if (first[prop] === undefined) {
+                        first[prop] = {};
+                    }
+                    qq.extend(first[prop], val, true);
+                } else {
+                    first[prop] = val;
+                }
+            });
+            return first;
+        };
+        qq.override = function(target, sourceFn) {
+            var super_ = {}, source = sourceFn(super_);
+            qq.each(source, function(srcPropName, srcPropVal) {
+                if (target[srcPropName] !== undefined) {
+                    super_[srcPropName] = target[srcPropName];
+                }
+                target[srcPropName] = srcPropVal;
+            });
+            return target;
+        };
+        qq.indexOf = function(arr, elt, from) {
+            if (arr.indexOf) {
+                return arr.indexOf(elt, from);
+            }
+            from = from || 0;
+            var len = arr.length;
+            if (from < 0) {
+                from += len;
+            }
+            for (;from < len; from += 1) {
+                if (arr.hasOwnProperty(from) && arr[from] === elt) {
+                    return from;
+                }
+            }
+            return -1;
+        };
+        qq.getUniqueId = function() {
+            return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+                var r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+                return v.toString(16);
+            });
+        };
+        qq.ie = function() {
+            return navigator.userAgent.indexOf("MSIE") !== -1 || navigator.userAgent.indexOf("Trident") !== -1;
+        };
+        qq.ie7 = function() {
+            return navigator.userAgent.indexOf("MSIE 7") !== -1;
+        };
+        qq.ie8 = function() {
+            return navigator.userAgent.indexOf("MSIE 8") !== -1;
+        };
+        qq.ie10 = function() {
+            return navigator.userAgent.indexOf("MSIE 10") !== -1;
+        };
+        qq.ie11 = function() {
+            return qq.ie() && navigator.userAgent.indexOf("rv:11") !== -1;
+        };
+        qq.edge = function() {
+            return navigator.userAgent.indexOf("Edge") >= 0;
+        };
+        qq.safari = function() {
+            return navigator.vendor !== undefined && navigator.vendor.indexOf("Apple") !== -1;
+        };
+        qq.chrome = function() {
+            return navigator.vendor !== undefined && navigator.vendor.indexOf("Google") !== -1;
+        };
+        qq.opera = function() {
+            return navigator.vendor !== undefined && navigator.vendor.indexOf("Opera") !== -1;
+        };
+        qq.firefox = function() {
+            return !qq.edge() && !qq.ie11() && navigator.userAgent.indexOf("Mozilla") !== -1 && navigator.vendor !== undefined && navigator.vendor === "";
+        };
+        qq.windows = function() {
+            return navigator.platform === "Win32";
+        };
+        qq.android = function() {
+            return navigator.userAgent.toLowerCase().indexOf("android") !== -1;
+        };
+        qq.androidStock = function() {
+            return qq.android() && navigator.userAgent.toLowerCase().indexOf("chrome") < 0 && navigator.userAgent.toLowerCase().indexOf("firefox") < 0;
+        };
+        qq.ios6 = function() {
+            return qq.ios() && navigator.userAgent.indexOf(" OS 6_") !== -1;
+        };
+        qq.ios7 = function() {
+            return qq.ios() && navigator.userAgent.indexOf(" OS 7_") !== -1;
+        };
+        qq.ios8 = function() {
+            return qq.ios() && navigator.userAgent.indexOf(" OS 8_") !== -1;
+        };
+        qq.ios800 = function() {
+            return qq.ios() && navigator.userAgent.indexOf(" OS 8_0 ") !== -1;
+        };
+        qq.ios = function() {
+            return navigator.userAgent.indexOf("iPad") !== -1 || navigator.userAgent.indexOf("iPod") !== -1 || navigator.userAgent.indexOf("iPhone") !== -1;
+        };
+        qq.iosChrome = function() {
+            return qq.ios() && navigator.userAgent.indexOf("CriOS") !== -1;
+        };
+        qq.iosSafari = function() {
+            return qq.ios() && !qq.iosChrome() && navigator.userAgent.indexOf("Safari") !== -1;
+        };
+        qq.iosSafariWebView = function() {
+            return qq.ios() && !qq.iosChrome() && !qq.iosSafari();
+        };
+        qq.preventDefault = function(e) {
+            if (e.preventDefault) {
+                e.preventDefault();
+            } else {
+                e.returnValue = false;
+            }
+        };
+        qq.toElement = function() {
+            var div = document.createElement("div");
+            return function(html) {
+                div.innerHTML = html;
+                var element = div.firstChild;
+                div.removeChild(element);
+                return element;
+            };
+        }();
+        qq.each = function(iterableItem, callback) {
+            var keyOrIndex, retVal;
+            if (iterableItem) {
+                if (window.Storage && iterableItem.constructor === window.Storage) {
+                    for (keyOrIndex = 0; keyOrIndex < iterableItem.length; keyOrIndex++) {
+                        retVal = callback(iterableItem.key(keyOrIndex), iterableItem.getItem(iterableItem.key(keyOrIndex)));
+                        if (retVal === false) {
+                            break;
+                        }
+                    }
+                } else if (qq.isArray(iterableItem) || qq.isItemList(iterableItem) || qq.isNodeList(iterableItem)) {
+                    for (keyOrIndex = 0; keyOrIndex < iterableItem.length; keyOrIndex++) {
+                        retVal = callback(keyOrIndex, iterableItem[keyOrIndex]);
+                        if (retVal === false) {
+                            break;
+                        }
+                    }
+                } else if (qq.isString(iterableItem)) {
+                    for (keyOrIndex = 0; keyOrIndex < iterableItem.length; keyOrIndex++) {
+                        retVal = callback(keyOrIndex, iterableItem.charAt(keyOrIndex));
+                        if (retVal === false) {
+                            break;
+                        }
+                    }
+                } else {
+                    for (keyOrIndex in iterableItem) {
+                        if (Object.prototype.hasOwnProperty.call(iterableItem, keyOrIndex)) {
+                            retVal = callback(keyOrIndex, iterableItem[keyOrIndex]);
+                            if (retVal === false) {
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+        };
+        qq.bind = function(oldFunc, context) {
+            if (qq.isFunction(oldFunc)) {
+                var args = Array.prototype.slice.call(arguments, 2);
+                return function() {
+                    var newArgs = qq.extend([], args);
+                    if (arguments.length) {
+                        newArgs = newArgs.concat(Array.prototype.slice.call(arguments));
+                    }
+                    return oldFunc.apply(context, newArgs);
+                };
+            }
+            throw new Error("first parameter must be a function!");
+        };
+        qq.obj2url = function(obj, temp, prefixDone) {
+            var uristrings = [], prefix = "&", add = function(nextObj, i) {
+                var nextTemp = temp ? /\[\]$/.test(temp) ? temp : temp + "[" + i + "]" : i;
+                if (nextTemp !== "undefined" && i !== "undefined") {
+                    uristrings.push(typeof nextObj === "object" ? qq.obj2url(nextObj, nextTemp, true) : Object.prototype.toString.call(nextObj) === "[object Function]" ? encodeURIComponent(nextTemp) + "=" + encodeURIComponent(nextObj()) : encodeURIComponent(nextTemp) + "=" + encodeURIComponent(nextObj));
+                }
+            };
+            if (!prefixDone && temp) {
+                prefix = /\?/.test(temp) ? /\?$/.test(temp) ? "" : "&" : "?";
+                uristrings.push(temp);
+                uristrings.push(qq.obj2url(obj));
+            } else if (Object.prototype.toString.call(obj) === "[object Array]" && typeof obj !== "undefined") {
+                qq.each(obj, function(idx, val) {
+                    add(val, idx);
+                });
+            } else if (typeof obj !== "undefined" && obj !== null && typeof obj === "object") {
+                qq.each(obj, function(prop, val) {
+                    add(val, prop);
+                });
+            } else {
+                uristrings.push(encodeURIComponent(temp) + "=" + encodeURIComponent(obj));
+            }
+            if (temp) {
+                return uristrings.join(prefix);
+            } else {
+                return uristrings.join(prefix).replace(/^&/, "").replace(/%20/g, "+");
+            }
+        };
+        qq.obj2FormData = function(obj, formData, arrayKeyName) {
+            if (!formData) {
+                formData = new FormData();
+            }
+            qq.each(obj, function(key, val) {
+                key = arrayKeyName ? arrayKeyName + "[" + key + "]" : key;
+                if (qq.isObject(val)) {
+                    qq.obj2FormData(val, formData, key);
+                } else if (qq.isFunction(val)) {
+                    formData.append(key, val());
+                } else {
+                    formData.append(key, val);
+                }
+            });
+            return formData;
+        };
+        qq.obj2Inputs = function(obj, form) {
+            var input;
+            if (!form) {
+                form = document.createElement("form");
+            }
+            qq.obj2FormData(obj, {
+                append: function(key, val) {
+                    input = document.createElement("input");
+                    input.setAttribute("name", key);
+                    input.setAttribute("value", val);
+                    form.appendChild(input);
+                }
+            });
+            return form;
+        };
+        qq.parseJson = function(json) {
+            if (window.JSON && qq.isFunction(JSON.parse)) {
+                return JSON.parse(json);
+            } else {
+                return eval("(" + json + ")");
+            }
+        };
+        qq.getExtension = function(filename) {
+            var extIdx = filename.lastIndexOf(".") + 1;
+            if (extIdx > 0) {
+                return filename.substr(extIdx, filename.length - extIdx);
+            }
+        };
+        qq.getFilename = function(blobOrFileInput) {
+            if (qq.isInput(blobOrFileInput)) {
+                return blobOrFileInput.value.replace(/.*(\/|\\)/, "");
+            } else if (qq.isFile(blobOrFileInput)) {
+                if (blobOrFileInput.fileName !== null && blobOrFileInput.fileName !== undefined) {
+                    return blobOrFileInput.fileName;
+                }
+            }
+            return blobOrFileInput.name;
+        };
+        qq.DisposeSupport = function() {
+            var disposers = [];
+            return {
+                dispose: function() {
+                    var disposer;
+                    do {
+                        disposer = disposers.shift();
+                        if (disposer) {
+                            disposer();
+                        }
+                    } while (disposer);
+                },
+                attach: function() {
+                    var args = arguments;
+                    this.addDisposer(qq(args[0]).attach.apply(this, Array.prototype.slice.call(arguments, 1)));
+                },
+                addDisposer: function(disposeFunction) {
+                    disposers.push(disposeFunction);
+                }
+            };
+        };
+    })();
+    (function() {
+        "use strict";
+        if (typeof define === "function" && define.amd) {
+            define(function() {
+                return qq;
+            });
+        } else if (typeof module !== "undefined" && module.exports) {
+            module.exports = qq;
+        } else {
+            global.qq = qq;
+        }
+    })();
+    (function() {
+        "use strict";
+        qq.Error = function(message) {
+            this.message = "[Fine Uploader " + qq.version + "] " + message;
+        };
+        qq.Error.prototype = new Error();
+    })();
+    qq.version = "5.16.2";
+    qq.supportedFeatures = function() {
+        "use strict";
+        var supportsUploading, supportsUploadingBlobs, supportsFileDrop, supportsAjaxFileUploading, supportsFolderDrop, supportsChunking, supportsResume, supportsUploadViaPaste, supportsUploadCors, supportsDeleteFileXdr, supportsDeleteFileCorsXhr, supportsDeleteFileCors, supportsFolderSelection, supportsImagePreviews, supportsUploadProgress;
+        function testSupportsFileInputElement() {
+            var supported = true, tempInput;
+            try {
+                tempInput = document.createElement("input");
+                tempInput.type = "file";
+                qq(tempInput).hide();
+                if (tempInput.disabled) {
+                    supported = false;
+                }
+            } catch (ex) {
+                supported = false;
+            }
+            return supported;
+        }
+        function isChrome14OrHigher() {
+            return (qq.chrome() || qq.opera()) && navigator.userAgent.match(/Chrome\/[1][4-9]|Chrome\/[2-9][0-9]/) !== undefined;
+        }
+        function isCrossOriginXhrSupported() {
+            if (window.XMLHttpRequest) {
+                var xhr = qq.createXhrInstance();
+                return xhr.withCredentials !== undefined;
+            }
+            return false;
+        }
+        function isXdrSupported() {
+            return window.XDomainRequest !== undefined;
+        }
+        function isCrossOriginAjaxSupported() {
+            if (isCrossOriginXhrSupported()) {
+                return true;
+            }
+            return isXdrSupported();
+        }
+        function isFolderSelectionSupported() {
+            return document.createElement("input").webkitdirectory !== undefined;
+        }
+        function isLocalStorageSupported() {
+            try {
+                return !!window.localStorage && qq.isFunction(window.localStorage.setItem);
+            } catch (error) {
+                return false;
+            }
+        }
+        function isDragAndDropSupported() {
+            var span = document.createElement("span");
+            return ("draggable" in span || "ondragstart" in span && "ondrop" in span) && !qq.android() && !qq.ios();
+        }
+        supportsUploading = testSupportsFileInputElement();
+        supportsAjaxFileUploading = supportsUploading && qq.isXhrUploadSupported();
+        supportsUploadingBlobs = supportsAjaxFileUploading && !qq.androidStock();
+        supportsFileDrop = supportsAjaxFileUploading && isDragAndDropSupported();
+        supportsFolderDrop = supportsFileDrop && function() {
+            var input = document.createElement("input");
+            input.type = "file";
+            return !!("webkitdirectory" in (input || document.querySelectorAll("input[type=file]")[0]));
+        }();
+        supportsChunking = supportsAjaxFileUploading && qq.isFileChunkingSupported();
+        supportsResume = supportsAjaxFileUploading && supportsChunking && isLocalStorageSupported();
+        supportsUploadViaPaste = supportsAjaxFileUploading && isChrome14OrHigher();
+        supportsUploadCors = supportsUploading && (window.postMessage !== undefined || supportsAjaxFileUploading);
+        supportsDeleteFileCorsXhr = isCrossOriginXhrSupported();
+        supportsDeleteFileXdr = isXdrSupported();
+        supportsDeleteFileCors = isCrossOriginAjaxSupported();
+        supportsFolderSelection = isFolderSelectionSupported();
+        supportsImagePreviews = supportsAjaxFileUploading && window.FileReader !== undefined;
+        supportsUploadProgress = function() {
+            if (supportsAjaxFileUploading) {
+                return !qq.androidStock() && !qq.iosChrome();
+            }
+            return false;
+        }();
+        return {
+            ajaxUploading: supportsAjaxFileUploading,
+            blobUploading: supportsUploadingBlobs,
+            canDetermineSize: supportsAjaxFileUploading,
+            chunking: supportsChunking,
+            deleteFileCors: supportsDeleteFileCors,
+            deleteFileCorsXdr: supportsDeleteFileXdr,
+            deleteFileCorsXhr: supportsDeleteFileCorsXhr,
+            dialogElement: !!window.HTMLDialogElement,
+            fileDrop: supportsFileDrop,
+            folderDrop: supportsFolderDrop,
+            folderSelection: supportsFolderSelection,
+            imagePreviews: supportsImagePreviews,
+            imageValidation: supportsImagePreviews,
+            itemSizeValidation: supportsAjaxFileUploading,
+            pause: supportsChunking,
+            progressBar: supportsUploadProgress,
+            resume: supportsResume,
+            scaling: supportsImagePreviews && supportsUploadingBlobs,
+            tiffPreviews: qq.safari(),
+            unlimitedScaledImageSize: !qq.ios(),
+            uploading: supportsUploading,
+            uploadCors: supportsUploadCors,
+            uploadCustomHeaders: supportsAjaxFileUploading,
+            uploadNonMultipart: supportsAjaxFileUploading,
+            uploadViaPaste: supportsUploadViaPaste
+        };
+    }();
+    qq.isGenericPromise = function(maybePromise) {
+        "use strict";
+        return !!(maybePromise && maybePromise.then && qq.isFunction(maybePromise.then));
+    };
+    qq.Promise = function() {
+        "use strict";
+        var successArgs, failureArgs, successCallbacks = [], failureCallbacks = [], doneCallbacks = [], state = 0;
+        qq.extend(this, {
+            then: function(onSuccess, onFailure) {
+                if (state === 0) {
+                    if (onSuccess) {
+                        successCallbacks.push(onSuccess);
+                    }
+                    if (onFailure) {
+                        failureCallbacks.push(onFailure);
+                    }
+                } else if (state === -1) {
+                    onFailure && onFailure.apply(null, failureArgs);
+                } else if (onSuccess) {
+                    onSuccess.apply(null, successArgs);
+                }
+                return this;
+            },
+            done: function(callback) {
+                if (state === 0) {
+                    doneCallbacks.push(callback);
+                } else {
+                    callback.apply(null, failureArgs === undefined ? successArgs : failureArgs);
+                }
+                return this;
+            },
+            success: function() {
+                state = 1;
+                successArgs = arguments;
+                if (successCallbacks.length) {
+                    qq.each(successCallbacks, function(idx, callback) {
+                        callback.apply(null, successArgs);
+                    });
+                }
+                if (doneCallbacks.length) {
+                    qq.each(doneCallbacks, function(idx, callback) {
+                        callback.apply(null, successArgs);
+                    });
+                }
+                return this;
+            },
+            failure: function() {
+                state = -1;
+                failureArgs = arguments;
+                if (failureCallbacks.length) {
+                    qq.each(failureCallbacks, function(idx, callback) {
+                        callback.apply(null, failureArgs);
+                    });
+                }
+                if (doneCallbacks.length) {
+                    qq.each(doneCallbacks, function(idx, callback) {
+                        callback.apply(null, failureArgs);
+                    });
+                }
+                return this;
+            }
+        });
+    };
+    qq.BlobProxy = function(referenceBlob, onCreate) {
+        "use strict";
+        qq.extend(this, {
+            referenceBlob: referenceBlob,
+            create: function() {
+                return onCreate(referenceBlob);
+            }
+        });
+    };
+    qq.UploadButton = function(o) {
+        "use strict";
+        var self = this, disposeSupport = new qq.DisposeSupport(), options = {
+            acceptFiles: null,
+            element: null,
+            focusClass: "qq-upload-button-focus",
+            folders: false,
+            hoverClass: "qq-upload-button-hover",
+            ios8BrowserCrashWorkaround: false,
+            multiple: false,
+            name: "qqfile",
+            onChange: function(input) {},
+            title: null
+        }, input, buttonId;
+        qq.extend(options, o);
+        buttonId = qq.getUniqueId();
+        function createInput() {
+            var input = document.createElement("input");
+            input.setAttribute(qq.UploadButton.BUTTON_ID_ATTR_NAME, buttonId);
+            input.setAttribute("title", options.title);
+            self.setMultiple(options.multiple, input);
+            if (options.folders && qq.supportedFeatures.folderSelection) {
+                input.setAttribute("webkitdirectory", "");
+            }
+            if (options.acceptFiles) {
+                input.setAttribute("accept", options.acceptFiles);
+            }
+            input.setAttribute("type", "file");
+            input.setAttribute("name", options.name);
+            qq(input).css({
+                position: "absolute",
+                right: 0,
+                top: 0,
+                fontFamily: "Arial",
+                fontSize: qq.ie() && !qq.ie8() ? "3500px" : "118px",
+                margin: 0,
+                padding: 0,
+                cursor: "pointer",
+                opacity: 0
+            });
+            !qq.ie7() && qq(input).css({
+                height: "100%"
+            });
+            options.element.appendChild(input);
+            disposeSupport.attach(input, "change", function() {
+                options.onChange(input);
+            });
+            disposeSupport.attach(input, "mouseover", function() {
+                qq(options.element).addClass(options.hoverClass);
+            });
+            disposeSupport.attach(input, "mouseout", function() {
+                qq(options.element).removeClass(options.hoverClass);
+            });
+            disposeSupport.attach(input, "focus", function() {
+                qq(options.element).addClass(options.focusClass);
+            });
+            disposeSupport.attach(input, "blur", function() {
+                qq(options.element).removeClass(options.focusClass);
+            });
+            return input;
+        }
+        qq(options.element).css({
+            position: "relative",
+            overflow: "hidden",
+            direction: "ltr"
+        });
+        qq.extend(this, {
+            getInput: function() {
+                return input;
+            },
+            getButtonId: function() {
+                return buttonId;
+            },
+            setMultiple: function(isMultiple, optInput) {
+                var input = optInput || this.getInput();
+                if (options.ios8BrowserCrashWorkaround && qq.ios8() && (qq.iosChrome() || qq.iosSafariWebView())) {
+                    input.setAttribute("multiple", "");
+                } else {
+                    if (isMultiple) {
+                        input.setAttribute("multiple", "");
+                    } else {
+                        input.removeAttribute("multiple");
+                    }
+                }
+            },
+            setAcceptFiles: function(acceptFiles) {
+                if (acceptFiles !== options.acceptFiles) {
+                    input.setAttribute("accept", acceptFiles);
+                }
+            },
+            reset: function() {
+                if (input.parentNode) {
+                    qq(input).remove();
+                }
+                qq(options.element).removeClass(options.focusClass);
+                input = null;
+                input = createInput();
+            }
+        });
+        input = createInput();
+    };
+    qq.UploadButton.BUTTON_ID_ATTR_NAME = "qq-button-id";
+    qq.UploadData = function(uploaderProxy) {
+        "use strict";
+        var data = [], byUuid = {}, byStatus = {}, byProxyGroupId = {}, byBatchId = {};
+        function getDataByIds(idOrIds) {
+            if (qq.isArray(idOrIds)) {
+                var entries = [];
+                qq.each(idOrIds, function(idx, id) {
+                    entries.push(data[id]);
+                });
+                return entries;
+            }
+            return data[idOrIds];
+        }
+        function getDataByUuids(uuids) {
+            if (qq.isArray(uuids)) {
+                var entries = [];
+                qq.each(uuids, function(idx, uuid) {
+                    entries.push(data[byUuid[uuid]]);
+                });
+                return entries;
+            }
+            return data[byUuid[uuids]];
+        }
+        function getDataByStatus(status) {
+            var statusResults = [], statuses = [].concat(status);
+            qq.each(statuses, function(index, statusEnum) {
+                var statusResultIndexes = byStatus[statusEnum];
+                if (statusResultIndexes !== undefined) {
+                    qq.each(statusResultIndexes, function(i, dataIndex) {
+                        statusResults.push(data[dataIndex]);
+                    });
+                }
+            });
+            return statusResults;
+        }
+        qq.extend(this, {
+            addFile: function(spec) {
+                var status = spec.status || qq.status.SUBMITTING, id = data.push({
+                    name: spec.name,
+                    originalName: spec.name,
+                    uuid: spec.uuid,
+                    size: spec.size == null ? -1 : spec.size,
+                    status: status,
+                    file: spec.file
+                }) - 1;
+                if (spec.batchId) {
+                    data[id].batchId = spec.batchId;
+                    if (byBatchId[spec.batchId] === undefined) {
+                        byBatchId[spec.batchId] = [];
+                    }
+                    byBatchId[spec.batchId].push(id);
+                }
+                if (spec.proxyGroupId) {
+                    data[id].proxyGroupId = spec.proxyGroupId;
+                    if (byProxyGroupId[spec.proxyGroupId] === undefined) {
+                        byProxyGroupId[spec.proxyGroupId] = [];
+                    }
+                    byProxyGroupId[spec.proxyGroupId].push(id);
+                }
+                data[id].id = id;
+                byUuid[spec.uuid] = id;
+                if (byStatus[status] === undefined) {
+                    byStatus[status] = [];
+                }
+                byStatus[status].push(id);
+                spec.onBeforeStatusChange && spec.onBeforeStatusChange(id);
+                uploaderProxy.onStatusChange(id, null, status);
+                return id;
+            },
+            retrieve: function(optionalFilter) {
+                if (qq.isObject(optionalFilter) && data.length) {
+                    if (optionalFilter.id !== undefined) {
+                        return getDataByIds(optionalFilter.id);
+                    } else if (optionalFilter.uuid !== undefined) {
+                        return getDataByUuids(optionalFilter.uuid);
+                    } else if (optionalFilter.status) {
+                        return getDataByStatus(optionalFilter.status);
+                    }
+                } else {
+                    return qq.extend([], data, true);
+                }
+            },
+            removeFileRef: function(id) {
+                var record = getDataByIds(id);
+                if (record) {
+                    delete record.file;
+                }
+            },
+            reset: function() {
+                data = [];
+                byUuid = {};
+                byStatus = {};
+                byBatchId = {};
+            },
+            setStatus: function(id, newStatus) {
+                var oldStatus = data[id].status, byStatusOldStatusIndex = qq.indexOf(byStatus[oldStatus], id);
+                byStatus[oldStatus].splice(byStatusOldStatusIndex, 1);
+                data[id].status = newStatus;
+                if (byStatus[newStatus] === undefined) {
+                    byStatus[newStatus] = [];
+                }
+                byStatus[newStatus].push(id);
+                uploaderProxy.onStatusChange(id, oldStatus, newStatus);
+            },
+            uuidChanged: function(id, newUuid) {
+                var oldUuid = data[id].uuid;
+                data[id].uuid = newUuid;
+                byUuid[newUuid] = id;
+                delete byUuid[oldUuid];
+            },
+            updateName: function(id, newName) {
+                data[id].name = newName;
+            },
+            updateSize: function(id, newSize) {
+                data[id].size = newSize;
+            },
+            setParentId: function(targetId, parentId) {
+                data[targetId].parentId = parentId;
+            },
+            getIdsInProxyGroup: function(id) {
+                var proxyGroupId = data[id].proxyGroupId;
+                if (proxyGroupId) {
+                    return byProxyGroupId[proxyGroupId];
+                }
+                return [];
+            },
+            getIdsInBatch: function(id) {
+                var batchId = data[id].batchId;
+                return byBatchId[batchId];
+            }
+        });
+    };
+    qq.status = {
+        SUBMITTING: "submitting",
+        SUBMITTED: "submitted",
+        REJECTED: "rejected",
+        QUEUED: "queued",
+        CANCELED: "canceled",
+        PAUSED: "paused",
+        UPLOADING: "uploading",
+        UPLOAD_FINALIZING: "upload finalizing",
+        UPLOAD_RETRYING: "retrying upload",
+        UPLOAD_SUCCESSFUL: "upload successful",
+        UPLOAD_FAILED: "upload failed",
+        DELETE_FAILED: "delete failed",
+        DELETING: "deleting",
+        DELETED: "deleted"
+    };
+    (function() {
+        "use strict";
+        qq.basePublicApi = {
+            addBlobs: function(blobDataOrArray, params, endpoint) {
+                this.addFiles(blobDataOrArray, params, endpoint);
+            },
+            addInitialFiles: function(cannedFileList) {
+                var self = this;
+                qq.each(cannedFileList, function(index, cannedFile) {
+                    self._addCannedFile(cannedFile);
+                });
+            },
+            addFiles: function(data, params, endpoint) {
+                this._maybeHandleIos8SafariWorkaround();
+                var batchId = this._storedIds.length === 0 ? qq.getUniqueId() : this._currentBatchId, processBlob = qq.bind(function(blob) {
+                    this._handleNewFile({
+                        blob: blob,
+                        name: this._options.blobs.defaultName
+                    }, batchId, verifiedFiles);
+                }, this), processBlobData = qq.bind(function(blobData) {
+                    this._handleNewFile(blobData, batchId, verifiedFiles);
+                }, this), processCanvas = qq.bind(function(canvas) {
+                    var blob = qq.canvasToBlob(canvas);
+                    this._handleNewFile({
+                        blob: blob,
+                        name: this._options.blobs.defaultName + ".png"
+                    }, batchId, verifiedFiles);
+                }, this), processCanvasData = qq.bind(function(canvasData) {
+                    var normalizedQuality = canvasData.quality && canvasData.quality / 100, blob = qq.canvasToBlob(canvasData.canvas, canvasData.type, normalizedQuality);
+                    this._handleNewFile({
+                        blob: blob,
+                        name: canvasData.name
+                    }, batchId, verifiedFiles);
+                }, this), processFileOrInput = qq.bind(function(fileOrInput) {
+                    if (qq.isInput(fileOrInput) && qq.supportedFeatures.ajaxUploading) {
+                        var files = Array.prototype.slice.call(fileOrInput.files), self = this;
+                        qq.each(files, function(idx, file) {
+                            self._handleNewFile(file, batchId, verifiedFiles);
+                        });
+                    } else {
+                        this._handleNewFile(fileOrInput, batchId, verifiedFiles);
+                    }
+                }, this), normalizeData = function() {
+                    if (qq.isFileList(data)) {
+                        data = Array.prototype.slice.call(data);
+                    }
+                    data = [].concat(data);
+                }, self = this, verifiedFiles = [];
+                this._currentBatchId = batchId;
+                if (data) {
+                    normalizeData();
+                    qq.each(data, function(idx, fileContainer) {
+                        if (qq.isFileOrInput(fileContainer)) {
+                            processFileOrInput(fileContainer);
+                        } else if (qq.isBlob(fileContainer)) {
+                            processBlob(fileContainer);
+                        } else if (qq.isObject(fileContainer)) {
+                            if (fileContainer.blob && fileContainer.name) {
+                                processBlobData(fileContainer);
+                            } else if (fileContainer.canvas && fileContainer.name) {
+                                processCanvasData(fileContainer);
+                            }
+                        } else if (fileContainer.tagName && fileContainer.tagName.toLowerCase() === "canvas") {
+                            processCanvas(fileContainer);
+                        } else {
+                            self.log(fileContainer + " is not a valid file container!  Ignoring!", "warn");
+                        }
+                    });
+                    this.log("Received " + verifiedFiles.length + " files.");
+                    this._prepareItemsForUpload(verifiedFiles, params, endpoint);
+                }
+            },
+            cancel: function(id) {
+                var uploadData = this._uploadData.retrieve({
+                    id: id
+                });
+                if (uploadData && uploadData.status === qq.status.UPLOAD_FINALIZING) {
+                    this.log(qq.format("Ignoring cancel for file ID {} ({}).  Finalizing upload.", id, this.getName(id)), "error");
+                } else {
+                    this._handler.cancel(id);
+                }
+            },
+            cancelAll: function() {
+                var storedIdsCopy = [], self = this;
+                qq.extend(storedIdsCopy, this._storedIds);
+                qq.each(storedIdsCopy, function(idx, storedFileId) {
+                    self.cancel(storedFileId);
+                });
+                this._handler.cancelAll();
+            },
+            clearStoredFiles: function() {
+                this._storedIds = [];
+            },
+            continueUpload: function(id) {
+                var uploadData = this._uploadData.retrieve({
+                    id: id
+                });
+                if (!qq.supportedFeatures.pause || !this._options.chunking.enabled) {
+                    return false;
+                }
+                if (uploadData.status === qq.status.PAUSED) {
+                    this.log(qq.format("Paused file ID {} ({}) will be continued.  Not paused.", id, this.getName(id)));
+                    this._uploadFile(id);
+                    return true;
+                } else {
+                    this.log(qq.format("Ignoring continue for file ID {} ({}).  Not paused.", id, this.getName(id)), "error");
+                }
+                return false;
+            },
+            deleteFile: function(id) {
+                return this._onSubmitDelete(id);
+            },
+            doesExist: function(fileOrBlobId) {
+                return this._handler.isValid(fileOrBlobId);
+            },
+            drawThumbnail: function(fileId, imgOrCanvas, maxSize, fromServer, customResizeFunction) {
+                var promiseToReturn = new qq.Promise(), fileOrUrl, options;
+                if (this._imageGenerator) {
+                    fileOrUrl = this._thumbnailUrls[fileId];
+                    options = {
+                        customResizeFunction: customResizeFunction,
+                        maxSize: maxSize > 0 ? maxSize : null,
+                        scale: maxSize > 0
+                    };
+                    if (!fromServer && qq.supportedFeatures.imagePreviews) {
+                        fileOrUrl = this.getFile(fileId);
+                    }
+                    if (fileOrUrl == null) {
+                        promiseToReturn.failure({
+                            container: imgOrCanvas,
+                            error: "File or URL not found."
+                        });
+                    } else {
+                        this._imageGenerator.generate(fileOrUrl, imgOrCanvas, options).then(function success(modifiedContainer) {
+                            promiseToReturn.success(modifiedContainer);
+                        }, function failure(container, reason) {
+                            promiseToReturn.failure({
+                                container: container,
+                                error: reason || "Problem generating thumbnail"
+                            });
+                        });
+                    }
+                } else {
+                    promiseToReturn.failure({
+                        container: imgOrCanvas,
+                        error: "Missing image generator module"
+                    });
+                }
+                return promiseToReturn;
+            },
+            getButton: function(fileId) {
+                return this._getButton(this._buttonIdsForFileIds[fileId]);
+            },
+            getEndpoint: function(fileId) {
+                return this._endpointStore.get(fileId);
+            },
+            getFile: function(fileOrBlobId) {
+                var file = this._handler.getFile(fileOrBlobId);
+                var uploadDataRecord;
+                if (!file) {
+                    uploadDataRecord = this._uploadData.retrieve({
+                        id: fileOrBlobId
+                    });
+                    if (uploadDataRecord) {
+                        file = uploadDataRecord.file;
+                    }
+                }
+                return file || null;
+            },
+            getInProgress: function() {
+                return this._uploadData.retrieve({
+                    status: [ qq.status.UPLOADING, qq.status.UPLOAD_RETRYING, qq.status.QUEUED ]
+                }).length;
+            },
+            getName: function(id) {
+                return this._uploadData.retrieve({
+                    id: id
+                }).name;
+            },
+            getParentId: function(id) {
+                var uploadDataEntry = this.getUploads({
+                    id: id
+                }), parentId = null;
+                if (uploadDataEntry) {
+                    if (uploadDataEntry.parentId !== undefined) {
+                        parentId = uploadDataEntry.parentId;
+                    }
+                }
+                return parentId;
+            },
+            getResumableFilesData: function() {
+                return this._handler.getResumableFilesData();
+            },
+            getSize: function(id) {
+                return this._uploadData.retrieve({
+                    id: id
+                }).size;
+            },
+            getNetUploads: function() {
+                return this._netUploaded;
+            },
+            getRemainingAllowedItems: function() {
+                var allowedItems = this._currentItemLimit;
+                if (allowedItems > 0) {
+                    return allowedItems - this._netUploadedOrQueued;
+                }
+                return null;
+            },
+            getUploads: function(optionalFilter) {
+                return this._uploadData.retrieve(optionalFilter);
+            },
+            getUuid: function(id) {
+                return this._uploadData.retrieve({
+                    id: id
+                }).uuid;
+            },
+            isResumable: function(id) {
+                return this._handler.hasResumeRecord(id);
+            },
+            log: function(str, level) {
+                if (this._options.debug && (!level || level === "info")) {
+                    qq.log("[Fine Uploader " + qq.version + "] " + str);
+                } else if (level && level !== "info") {
+                    qq.log("[Fine Uploader " + qq.version + "] " + str, level);
+                }
+            },
+            pauseUpload: function(id) {
+                var uploadData = this._uploadData.retrieve({
+                    id: id
+                });
+                if (!qq.supportedFeatures.pause || !this._options.chunking.enabled) {
+                    return false;
+                }
+                if (qq.indexOf([ qq.status.UPLOADING, qq.status.UPLOAD_RETRYING ], uploadData.status) >= 0) {
+                    if (this._handler.pause(id)) {
+                        this._uploadData.setStatus(id, qq.status.PAUSED);
+                        return true;
+                    } else {
+                        this.log(qq.format("Unable to pause file ID {} ({}).", id, this.getName(id)), "error");
+                    }
+                } else {
+                    this.log(qq.format("Ignoring pause for file ID {} ({}).  Not in progress.", id, this.getName(id)), "error");
+                }
+                return false;
+            },
+            removeFileRef: function(id) {
+                this._handler.expunge(id);
+                this._uploadData.removeFileRef(id);
+            },
+            reset: function() {
+                this.log("Resetting uploader...");
+                this._handler.reset();
+                this._storedIds = [];
+                this._autoRetries = [];
+                this._retryTimeouts = [];
+                this._preventRetries = [];
+                this._thumbnailUrls = [];
+                qq.each(this._buttons, function(idx, button) {
+                    button.reset();
+                });
+                this._paramsStore.reset();
+                this._endpointStore.reset();
+                this._netUploadedOrQueued = 0;
+                this._netUploaded = 0;
+                this._uploadData.reset();
+                this._buttonIdsForFileIds = [];
+                this._pasteHandler && this._pasteHandler.reset();
+                this._options.session.refreshOnReset && this._refreshSessionData();
+                this._succeededSinceLastAllComplete = [];
+                this._failedSinceLastAllComplete = [];
+                this._totalProgress && this._totalProgress.reset();
+                this._customResumeDataStore.reset();
+            },
+            retry: function(id) {
+                return this._manualRetry(id);
+            },
+            scaleImage: function(id, specs) {
+                var self = this;
+                return qq.Scaler.prototype.scaleImage(id, specs, {
+                    log: qq.bind(self.log, self),
+                    getFile: qq.bind(self.getFile, self),
+                    uploadData: self._uploadData
+                });
+            },
+            setCustomHeaders: function(headers, id) {
+                this._customHeadersStore.set(headers, id);
+            },
+            setCustomResumeData: function(id, data) {
+                this._customResumeDataStore.set(data, id);
+            },
+            setDeleteFileCustomHeaders: function(headers, id) {
+                this._deleteFileCustomHeadersStore.set(headers, id);
+            },
+            setDeleteFileEndpoint: function(endpoint, id) {
+                this._deleteFileEndpointStore.set(endpoint, id);
+            },
+            setDeleteFileParams: function(params, id) {
+                this._deleteFileParamsStore.set(params, id);
+            },
+            setEndpoint: function(endpoint, id) {
+                this._endpointStore.set(endpoint, id);
+            },
+            setForm: function(elementOrId) {
+                this._updateFormSupportAndParams(elementOrId);
+            },
+            setItemLimit: function(newItemLimit) {
+                this._currentItemLimit = newItemLimit;
+            },
+            setName: function(id, newName) {
+                this._uploadData.updateName(id, newName);
+            },
+            setParams: function(params, id) {
+                this._paramsStore.set(params, id);
+            },
+            setOption: function(key, val){
+                this._options[key] = val;
+            },
+            setUuid: function(id, newUuid) {
+                return this._uploadData.uuidChanged(id, newUuid);
+            },
+            setStatus: function(id, newStatus) {
+                var fileRecord = this.getUploads({
+                    id: id
+                });
+                if (!fileRecord) {
+                    throw new qq.Error(id + " is not a valid file ID.");
+                }
+                switch (newStatus) {
+                    case qq.status.DELETED:
+                        this._onDeleteComplete(id, null, false);
+                        break;
+
+                    case qq.status.DELETE_FAILED:
+                        this._onDeleteComplete(id, null, true);
+                        break;
+
+                    default:
+                        var errorMessage = "Method setStatus called on '" + name + "' not implemented yet for " + newStatus;
+                        this.log(errorMessage);
+                        throw new qq.Error(errorMessage);
+                }
+            },
+            uploadStoredFiles: function() {
+                if (this._storedIds.length === 0) {
+                    this._itemError("noFilesError");
+                } else {
+                    this._uploadStoredFiles();
+                }
+            }
+        };
+        qq.basePrivateApi = {
+            _addCannedFile: function(sessionData) {
+                var self = this;
+                return this._uploadData.addFile({
+                    uuid: sessionData.uuid,
+                    name: sessionData.name,
+                    size: sessionData.size,
+                    status: qq.status.UPLOAD_SUCCESSFUL,
+                    onBeforeStatusChange: function(id) {
+                        sessionData.deleteFileEndpoint && self.setDeleteFileEndpoint(sessionData.deleteFileEndpoint, id);
+                        sessionData.deleteFileParams && self.setDeleteFileParams(sessionData.deleteFileParams, id);
+                        if (sessionData.thumbnailUrl) {
+                            self._thumbnailUrls[id] = sessionData.thumbnailUrl;
+                        }
+                        self._netUploaded++;
+                        self._netUploadedOrQueued++;
+                    }
+                });
+            },
+            _annotateWithButtonId: function(file, associatedInput) {
+                if (qq.isFile(file)) {
+                    file.qqButtonId = this._getButtonId(associatedInput);
+                }
+            },
+            _batchError: function(message) {
+                this._options.callbacks.onError(null, null, message, undefined);
+            },
+            _createDeleteHandler: function() {
+                var self = this;
+                return new qq.DeleteFileAjaxRequester({
+                    method: this._options.deleteFile.method.toUpperCase(),
+                    maxConnections: this._options.maxConnections,
+                    uuidParamName: this._options.request.uuidName,
+                    customHeaders: this._deleteFileCustomHeadersStore,
+                    paramsStore: this._deleteFileParamsStore,
+                    endpointStore: this._deleteFileEndpointStore,
+                    cors: this._options.cors,
+                    log: qq.bind(self.log, self),
+                    onDelete: function(id) {
+                        self._onDelete(id);
+                        self._options.callbacks.onDelete(id);
+                    },
+                    onDeleteComplete: function(id, xhrOrXdr, isError) {
+                        self._onDeleteComplete(id, xhrOrXdr, isError);
+                        self._options.callbacks.onDeleteComplete(id, xhrOrXdr, isError);
+                    }
+                });
+            },
+            _createPasteHandler: function() {
+                var self = this;
+                return new qq.PasteSupport({
+                    targetElement: this._options.paste.targetElement,
+                    callbacks: {
+                        log: qq.bind(self.log, self),
+                        pasteReceived: function(blob) {
+                            self._handleCheckedCallback({
+                                name: "onPasteReceived",
+                                callback: qq.bind(self._options.callbacks.onPasteReceived, self, blob),
+                                onSuccess: qq.bind(self._handlePasteSuccess, self, blob),
+                                identifier: "pasted image"
+                            });
+                        }
+                    }
+                });
+            },
+            _createStore: function(initialValue, _readOnlyValues_) {
+                var store = {}, catchall = initialValue, perIdReadOnlyValues = {}, readOnlyValues = _readOnlyValues_, copy = function(orig) {
+                    if (qq.isObject(orig)) {
+                        return qq.extend({}, orig);
+                    }
+                    return orig;
+                }, getReadOnlyValues = function() {
+                    if (qq.isFunction(readOnlyValues)) {
+                        return readOnlyValues();
+                    }
+                    return readOnlyValues;
+                }, includeReadOnlyValues = function(id, existing) {
+                    if (readOnlyValues && qq.isObject(existing)) {
+                        qq.extend(existing, getReadOnlyValues());
+                    }
+                    if (perIdReadOnlyValues[id]) {
+                        qq.extend(existing, perIdReadOnlyValues[id]);
+                    }
+                };
+                return {
+                    set: function(val, id) {
+                        if (id == null) {
+                            store = {};
+                            catchall = copy(val);
+                        } else {
+                            store[id] = copy(val);
+                        }
+                    },
+                    get: function(id) {
+                        var values;
+                        if (id != null && store[id]) {
+                            values = store[id];
+                        } else {
+                            values = copy(catchall);
+                        }
+                        includeReadOnlyValues(id, values);
+                        return copy(values);
+                    },
+                    addReadOnly: function(id, values) {
+                        if (qq.isObject(store)) {
+                            if (id === null) {
+                                if (qq.isFunction(values)) {
+                                    readOnlyValues = values;
+                                } else {
+                                    readOnlyValues = readOnlyValues || {};
+                                    qq.extend(readOnlyValues, values);
+                                }
+                            } else {
+                                perIdReadOnlyValues[id] = perIdReadOnlyValues[id] || {};
+                                qq.extend(perIdReadOnlyValues[id], values);
+                            }
+                        }
+                    },
+                    remove: function(fileId) {
+                        return delete store[fileId];
+                    },
+                    reset: function() {
+                        store = {};
+                        perIdReadOnlyValues = {};
+                        catchall = initialValue;
+                    }
+                };
+            },
+            _createUploadDataTracker: function() {
+                var self = this;
+                return new qq.UploadData({
+                    getName: function(id) {
+                        return self.getName(id);
+                    },
+                    getUuid: function(id) {
+                        return self.getUuid(id);
+                    },
+                    getSize: function(id) {
+                        return self.getSize(id);
+                    },
+                    onStatusChange: function(id, oldStatus, newStatus) {
+                        self._onUploadStatusChange(id, oldStatus, newStatus);
+                        self._options.callbacks.onStatusChange(id, oldStatus, newStatus);
+                        self._maybeAllComplete(id, newStatus);
+                        if (self._totalProgress) {
+                            setTimeout(function() {
+                                self._totalProgress.onStatusChange(id, oldStatus, newStatus);
+                            }, 0);
+                        }
+                    }
+                });
+            },
+            _createUploadButton: function(spec) {
+                var self = this, acceptFiles = spec.accept || this._options.validation.acceptFiles, allowedExtensions = spec.allowedExtensions || this._options.validation.allowedExtensions, button;
+                function allowMultiple() {
+                    if (qq.supportedFeatures.ajaxUploading) {
+                        if (self._options.workarounds.iosEmptyVideos && qq.ios() && !qq.ios6() && self._isAllowedExtension(allowedExtensions, ".mov")) {
+                            return false;
+                        }
+                        if (spec.multiple === undefined) {
+                            return self._options.multiple;
+                        }
+                        return spec.multiple;
+                    }
+                    return false;
+                }
+                button = new qq.UploadButton({
+                    acceptFiles: acceptFiles,
+                    element: spec.element,
+                    focusClass: this._options.classes.buttonFocus,
+                    folders: spec.folders,
+                    hoverClass: this._options.classes.buttonHover,
+                    ios8BrowserCrashWorkaround: this._options.workarounds.ios8BrowserCrash,
+                    multiple: allowMultiple(),
+                    name: this._options.request.inputName,
+                    onChange: function(input) {
+                        self._onInputChange(input);
+                    },
+                    title: spec.title == null ? this._options.text.fileInputTitle : spec.title
+                });
+                this._disposeSupport.addDisposer(function() {
+                    button.dispose();
+                });
+                self._buttons.push(button);
+                return button;
+            },
+            _createUploadHandler: function(additionalOptions, namespace) {
+                var self = this, lastOnProgress = {}, options = {
+                    debug: this._options.debug,
+                    request: {
+                        dest: '/',
+                        inputName: 'hdfs_file'
+                    },
+                    maxConnections: this._options.maxConnections,
+                    cors: this._options.cors,
+                    paramsStore: this._paramsStore,
+                    endpointStore: this._endpointStore,
+                    chunking: this._options.chunking,
+                    resume: this._options.resume,
+                    blobs: this._options.blobs,
+                    log: qq.bind(self.log, self),
+                    preventRetryParam: this._options.retry.preventRetryResponseProperty,
+                    onProgress: function(id, name, loaded, total) {
+                        if (loaded < 0 || total < 0) {
+                            return;
+                        }
+                        if (lastOnProgress[id]) {
+                            if (lastOnProgress[id].loaded !== loaded || lastOnProgress[id].total !== total) {
+                                self._onProgress(id, name, loaded, total);
+                                self._options.callbacks.onProgress(id, name, loaded, total);
+                            }
+                        } else {
+                            self._onProgress(id, name, loaded, total);
+                            self._options.callbacks.onProgress(id, name, loaded, total);
+                        }
+                        lastOnProgress[id] = {
+                            loaded: loaded,
+                            total: total
+                        };
+                    },
+                    onComplete: function(id, name, result, xhr) {
+                        delete lastOnProgress[id];
+                        var status = self.getUploads({
+                            id: id
+                        }).status, retVal;
+                        if (status === qq.status.UPLOAD_SUCCESSFUL || status === qq.status.UPLOAD_FAILED) {
+                            return;
+                        }
+                        retVal = self._onComplete(id, name, result, xhr);
+                        if (retVal instanceof qq.Promise) {
+                            retVal.done(function() {
+                                self._options.callbacks.onComplete(id, name, result, xhr);
+                            });
+                        } else {
+                            self._options.callbacks.onComplete(id, name, result, xhr);
+                        }
+                    },
+                    onCancel: function(id, name, cancelFinalizationEffort) {
+                        var promise = new qq.Promise();
+                        self._handleCheckedCallback({
+                            name: "onCancel",
+                            callback: qq.bind(self._options.callbacks.onCancel, self, id, name),
+                            onFailure: promise.failure,
+                            onSuccess: function() {
+                                cancelFinalizationEffort.then(function() {
+                                    self._onCancel(id, name);
+                                });
+                                promise.success();
+                            },
+                            identifier: id
+                        });
+                        return promise;
+                    },
+                    onUploadPrep: qq.bind(this._onUploadPrep, this),
+                    onUpload: function(id, name) {
+                        self._onUpload(id, name);
+                        var onUploadResult = self._options.callbacks.onUpload(id, name);
+                        if (qq.isGenericPromise(onUploadResult)) {
+                            self.log(qq.format("onUpload for {} returned a Promise - waiting for resolution.", id));
+                            return onUploadResult;
+                        }
+                        return new qq.Promise().success();
+                    },
+                    onUploadChunk: function(id, name, chunkData) {
+                        self._onUploadChunk(id, chunkData);
+                        var onUploadChunkResult = self._options.callbacks.onUploadChunk(id, name, chunkData);
+                        if (qq.isGenericPromise(onUploadChunkResult)) {
+                            self.log(qq.format("onUploadChunk for {}.{} returned a Promise - waiting for resolution.", id, chunkData.partIndex));
+                            return onUploadChunkResult;
+                        }
+                        return new qq.Promise().success();
+                    },
+                    onUploadChunkSuccess: function(id, chunkData, result, xhr) {
+                        self._onUploadChunkSuccess(id, chunkData);
+                        self._options.callbacks.onUploadChunkSuccess.apply(self, arguments);
+                    },
+                    onResume: function(id, name, chunkData, customResumeData) {
+                        return self._options.callbacks.onResume(id, name, chunkData, customResumeData);
+                    },
+                    onAutoRetry: function(id, name, responseJSON, xhr) {
+                        return self._onAutoRetry.apply(self, arguments);
+                    },
+                    onUuidChanged: function(id, newUuid) {
+                        self.log("Server requested UUID change from '" + self.getUuid(id) + "' to '" + newUuid + "'");
+                        self.setUuid(id, newUuid);
+                    },
+                    getName: qq.bind(self.getName, self),
+                    getUuid: qq.bind(self.getUuid, self),
+                    getSize: qq.bind(self.getSize, self),
+                    setSize: qq.bind(self._setSize, self),
+                    getDataByUuid: function(uuid) {
+                        return self.getUploads({
+                            uuid: uuid
+                        });
+                    },
+                    isQueued: function(id) {
+                        var status = self.getUploads({
+                            id: id
+                        }).status;
+                        return status === qq.status.QUEUED || status === qq.status.SUBMITTED || status === qq.status.UPLOAD_RETRYING || status === qq.status.PAUSED;
+                    },
+                    getIdsInProxyGroup: self._uploadData.getIdsInProxyGroup,
+                    getIdsInBatch: self._uploadData.getIdsInBatch,
+                    isInProgress: function(id) {
+                        return self.getUploads({
+                            id: id
+                        }).status === qq.status.UPLOADING;
+                    },
+                    getCustomResumeData: qq.bind(self._getCustomResumeData, self),
+                    setStatus: function(id, status) {
+                        self._uploadData.setStatus(id, status);
+                    }
+                };
+                qq.each(this._options.request, function(prop, val) {
+                    options[prop] = val;
+                });
+                options.customHeaders = this._customHeadersStore;
+                if (additionalOptions) {
+                    qq.each(additionalOptions, function(key, val) {
+                        options[key] = val;
+                    });
+                }
+                return new qq.UploadHandlerController(options, namespace);
+            },
+            _fileOrBlobRejected: function(id) {
+                this._netUploadedOrQueued--;
+                this._uploadData.setStatus(id, qq.status.REJECTED);
+            },
+            _formatSize: function(bytes) {
+                if (bytes === 0) {
+                    return bytes + this._options.text.sizeSymbols[0];
+                }
+                var i = -1;
+                do {
+                    bytes = bytes / 1e3;
+                    i++;
+                } while (bytes > 999);
+                return Math.max(bytes, .1).toFixed(1) + this._options.text.sizeSymbols[i];
+            },
+            _generateExtraButtonSpecs: function() {
+                var self = this;
+                this._extraButtonSpecs = {};
+                qq.each(this._options.extraButtons, function(idx, extraButtonOptionEntry) {
+                    var multiple = extraButtonOptionEntry.multiple, validation = qq.extend({}, self._options.validation, true), extraButtonSpec = qq.extend({}, extraButtonOptionEntry);
+                    if (multiple === undefined) {
+                        multiple = self._options.multiple;
+                    }
+                    if (extraButtonSpec.validation) {
+                        qq.extend(validation, extraButtonOptionEntry.validation, true);
+                    }
+                    qq.extend(extraButtonSpec, {
+                        multiple: multiple,
+                        validation: validation
+                    }, true);
+                    self._initExtraButton(extraButtonSpec);
+                });
+            },
+            _getButton: function(buttonId) {
+                var extraButtonsSpec = this._extraButtonSpecs[buttonId];
+                if (extraButtonsSpec) {
+                    return extraButtonsSpec.element;
+                } else if (buttonId === this._defaultButtonId) {
+                    return this._options.button;
+                }
+            },
+            _getButtonId: function(buttonOrFileInputOrFile) {
+                var inputs, fileInput, fileBlobOrInput = buttonOrFileInputOrFile;
+                if (fileBlobOrInput instanceof qq.BlobProxy) {
+                    fileBlobOrInput = fileBlobOrInput.referenceBlob;
+                }
+                if (fileBlobOrInput && !qq.isBlob(fileBlobOrInput)) {
+                    if (qq.isFile(fileBlobOrInput)) {
+                        return fileBlobOrInput.qqButtonId;
+                    } else if (fileBlobOrInput.tagName.toLowerCase() === "input" && fileBlobOrInput.type.toLowerCase() === "file") {
+                        return fileBlobOrInput.getAttribute(qq.UploadButton.BUTTON_ID_ATTR_NAME);
+                    }
+                    inputs = fileBlobOrInput.getElementsByTagName("input");
+                    qq.each(inputs, function(idx, input) {
+                        if (input.getAttribute("type") === "file") {
+                            fileInput = input;
+                            return false;
+                        }
+                    });
+                    if (fileInput) {
+                        return fileInput.getAttribute(qq.UploadButton.BUTTON_ID_ATTR_NAME);
+                    }
+                }
+            },
+            _getCustomResumeData: function(fileId) {
+                return this._customResumeDataStore.get(fileId);
+            },
+            _getNotFinished: function() {
+                return this._uploadData.retrieve({
+                    status: [ qq.status.UPLOADING, qq.status.UPLOAD_RETRYING, qq.status.QUEUED, qq.status.SUBMITTING, qq.status.SUBMITTED, qq.status.PAUSED ]
+                }).length;
+            },
+            _getValidationBase: function(buttonId) {
+                var extraButtonSpec = this._extraButtonSpecs[buttonId];
+                return extraButtonSpec ? extraButtonSpec.validation : this._options.validation;
+            },
+            _getValidationDescriptor: function(fileWrapper) {
+                if (fileWrapper.file instanceof qq.BlobProxy) {
+                    return {
+                        name: qq.getFilename(fileWrapper.file.referenceBlob),
+                        size: fileWrapper.file.referenceBlob.size
+                    };
+                }
+                return {
+                    name: this.getUploads({
+                        id: fileWrapper.id
+                    }).name,
+                    size: this.getUploads({
+                        id: fileWrapper.id
+                    }).size
+                };
+            },
+            _getValidationDescriptors: function(fileWrappers) {
+                var self = this, fileDescriptors = [];
+                qq.each(fileWrappers, function(idx, fileWrapper) {
+                    fileDescriptors.push(self._getValidationDescriptor(fileWrapper));
+                });
+                return fileDescriptors;
+            },
+            _handleCameraAccess: function() {
+                if (this._options.camera.ios && qq.ios()) {
+                    var acceptIosCamera = "image/*;capture=camera", button = this._options.camera.button, buttonId = button ? this._getButtonId(button) : this._defaultButtonId, optionRoot = this._options;
+                    if (buttonId && buttonId !== this._defaultButtonId) {
+                        optionRoot = this._extraButtonSpecs[buttonId];
+                    }
+                    optionRoot.multiple = false;
+                    if (optionRoot.validation.acceptFiles === null) {
+                        optionRoot.validation.acceptFiles = acceptIosCamera;
+                    } else {
+                        optionRoot.validation.acceptFiles += "," + acceptIosCamera;
+                    }
+                    qq.each(this._buttons, function(idx, button) {
+                        if (button.getButtonId() === buttonId) {
+                            button.setMultiple(optionRoot.multiple);
+                            button.setAcceptFiles(optionRoot.acceptFiles);
+                            return false;
+                        }
+                    });
+                }
+            },
+            _handleCheckedCallback: function(details) {
+                var self = this, callbackRetVal = details.callback();
+                if (qq.isGenericPromise(callbackRetVal)) {
+                    this.log(details.name + " - waiting for " + details.name + " promise to be fulfilled for " + details.identifier);
+                    return callbackRetVal.then(function(successParam) {
+                        self.log(details.name + " promise success for " + details.identifier);
+                        details.onSuccess(successParam);
+                    }, function() {
+                        if (details.onFailure) {
+                            self.log(details.name + " promise failure for " + details.identifier);
+                            details.onFailure();
+                        } else {
+                            self.log(details.name + " promise failure for " + details.identifier);
+                        }
+                    });
+                }
+                if (callbackRetVal !== false) {
+                    details.onSuccess(callbackRetVal);
+                } else {
+                    if (details.onFailure) {
+                        this.log(details.name + " - return value was 'false' for " + details.identifier + ".  Invoking failure callback.");
+                        details.onFailure();
+                    } else {
+                        this.log(details.name + " - return value was 'false' for " + details.identifier + ".  Will not proceed.");
+                    }
+                }
+                return callbackRetVal;
+            },
+            _handleNewFile: function(file, batchId, newFileWrapperList) {
+                var self = this, uuid = qq.getUniqueId(), size = -1, name = qq.getFilename(file), actualFile = file.blob || file, handler = this._customNewFileHandler ? this._customNewFileHandler : qq.bind(self._handleNewFileGeneric, self);
+                if (!qq.isInput(actualFile) && actualFile.size >= 0) {
+                    size = actualFile.size;
+                }
+                handler(actualFile, name, uuid, size, newFileWrapperList, batchId, this._options.request.uuidName, {
+                    uploadData: self._uploadData,
+                    paramsStore: self._paramsStore,
+                    addFileToHandler: function(id, file) {
+                        self._handler.add(id, file);
+                        self._netUploadedOrQueued++;
+                        self._trackButton(id);
+                    }
+                });
+            },
+            _handleNewFileGeneric: function(file, name, uuid, size, fileList, batchId) {
+                var id = this._uploadData.addFile({
+                    uuid: uuid,
+                    name: name,
+                    size: size,
+                    batchId: batchId,
+                    file: file
+                });
+                this._handler.add(id, file);
+                this._trackButton(id);
+                this._netUploadedOrQueued++;
+                fileList.push({
+                    id: id,
+                    file: file
+                });
+            },
+            _handlePasteSuccess: function(blob, extSuppliedName) {
+                var extension = blob.type.split("/")[1], name = extSuppliedName;
+                if (name == null) {
+                    name = this._options.paste.defaultName;
+                }
+                name += "." + extension;
+                this.addFiles({
+                    name: name,
+                    blob: blob
+                });
+            },
+            _handleDeleteSuccess: function(id) {
+                if (this.getUploads({
+                    id: id
+                }).status !== qq.status.DELETED) {
+                    var name = this.getName(id);
+                    this._netUploadedOrQueued--;
+                    this._netUploaded--;
+                    this._handler.expunge(id);
+                    this._uploadData.setStatus(id, qq.status.DELETED);
+                    this.log("Delete request for '" + name + "' has succeeded.");
+                }
+            },
+            _handleDeleteFailed: function(id, xhrOrXdr) {
+                var name = this.getName(id);
+                this._uploadData.setStatus(id, qq.status.DELETE_FAILED);
+                this.log("Delete request for '" + name + "' has failed.", "error");
+                if (!xhrOrXdr || xhrOrXdr.withCredentials === undefined) {
+                    this._options.callbacks.onError(id, name, "Delete request failed", xhrOrXdr);
+                } else {
+                    this._options.callbacks.onError(id, name, "Delete request failed with response code " + xhrOrXdr.status, xhrOrXdr);
+                }
+            },
+            _initExtraButton: function(spec) {
+                var button = this._createUploadButton({
+                    accept: spec.validation.acceptFiles,
+                    allowedExtensions: spec.validation.allowedExtensions,
+                    element: spec.element,
+                    folders: spec.folders,
+                    multiple: spec.multiple,
+                    title: spec.fileInputTitle
+                });
+                this._extraButtonSpecs[button.getButtonId()] = spec;
+            },
+            _initFormSupportAndParams: function() {
+                this._formSupport = qq.FormSupport && new qq.FormSupport(this._options.form, qq.bind(this.uploadStoredFiles, this), qq.bind(this.log, this));
+                if (this._formSupport && this._formSupport.attachedToForm) {
+                    this._paramsStore = this._createStore(this._options.request.params, this._formSupport.getFormInputsAsObject);
+                    this._options.autoUpload = this._formSupport.newAutoUpload;
+                    if (this._formSupport.newEndpoint) {
+                        this._options.request.endpoint = this._formSupport.newEndpoint;
+                    }
+                } else {
+                    this._paramsStore = this._createStore(this._options.request.params);
+                }
+            },
+            _isDeletePossible: function() {
+                if (!qq.DeleteFileAjaxRequester || !this._options.deleteFile.enabled) {
+                    return false;
+                }
+                if (this._options.cors.expected) {
+                    if (qq.supportedFeatures.deleteFileCorsXhr) {
+                        return true;
+                    }
+                    if (qq.supportedFeatures.deleteFileCorsXdr && this._options.cors.allowXdr) {
+                        return true;
+                    }
+                    return false;
+                }
+                return true;
+            },
+            _isAllowedExtension: function(allowed, fileName) {
+                var valid = false;
+                if (!allowed.length) {
+                    return true;
+                }
+                qq.each(allowed, function(idx, allowedExt) {
+                    if (qq.isString(allowedExt)) {
+                        var extRegex = new RegExp("\\." + allowedExt + "$", "i");
+                        if (fileName.match(extRegex) != null) {
+                            valid = true;
+                            return false;
+                        }
+                    }
+                });
+                return valid;
+            },
+            _itemError: function(code, maybeNameOrNames, item) {
+                var message = this._options.messages[code], allowedExtensions = [], names = [].concat(maybeNameOrNames), name = names[0], buttonId = this._getButtonId(item), validationBase = this._getValidationBase(buttonId), extensionsForMessage, placeholderMatch;
+                function r(name, replacement) {
+                    message = message.replace(name, replacement);
+                }
+                qq.each(validationBase.allowedExtensions, function(idx, allowedExtension) {
+                    if (qq.isString(allowedExtension)) {
+                        allowedExtensions.push(allowedExtension);
+                    }
+                });
+                extensionsForMessage = allowedExtensions.join(", ").toLowerCase();
+                r("{file}", this._options.formatFileName(name));
+                r("{extensions}", extensionsForMessage);
+                r("{sizeLimit}", this._formatSize(validationBase.sizeLimit));
+                r("{minSizeLimit}", this._formatSize(validationBase.minSizeLimit));
+                placeholderMatch = message.match(/(\{\w+\})/g);
+                if (placeholderMatch !== null) {
+                    qq.each(placeholderMatch, function(idx, placeholder) {
+                        r(placeholder, names[idx]);
+                    });
+                }
+                this._options.callbacks.onError(null, name, message, undefined);
+                return message;
+            },
+            _manualRetry: function(id, callback) {
+                if (this._onBeforeManualRetry(id)) {
+                    this._netUploadedOrQueued++;
+                    this._uploadData.setStatus(id, qq.status.UPLOAD_RETRYING);
+                    if (callback) {
+                        callback(id);
+                    } else {
+                        this._handler.retry(id);
+                    }
+                    return true;
+                }
+            },
+            _maybeAllComplete: function(id, status) {
+                var self = this, notFinished = this._getNotFinished();
+                if (status === qq.status.UPLOAD_SUCCESSFUL) {
+                    this._succeededSinceLastAllComplete.push(id);
+                } else if (status === qq.status.UPLOAD_FAILED) {
+                    this._failedSinceLastAllComplete.push(id);
+                }
+                if (notFinished === 0 && (this._succeededSinceLastAllComplete.length || this._failedSinceLastAllComplete.length)) {
+                    setTimeout(function() {
+                        self._onAllComplete(self._succeededSinceLastAllComplete, self._failedSinceLastAllComplete);
+                    }, 0);
+                }
+            },
+            _maybeHandleIos8SafariWorkaround: function() {
+                var self = this;
+                if (this._options.workarounds.ios8SafariUploads && qq.ios800() && qq.iosSafari()) {
+                    setTimeout(function() {
+                        window.alert(self._options.messages.unsupportedBrowserIos8Safari);
+                    }, 0);
+                    throw new qq.Error(this._options.messages.unsupportedBrowserIos8Safari);
+                }
+            },
+            _maybeParseAndSendUploadError: function(id, name, response, xhr) {
+                if (!response.success) {
+                    if (xhr && xhr.status !== 200 && !response.error) {
+                        this._options.callbacks.onError(id, name, "XHR returned response code " + xhr.status, xhr);
+                    } else {
+                        var errorReason = response.error ? response.error : this._options.text.defaultResponseError;
+                        this._options.callbacks.onError(id, name, errorReason, xhr);
+                    }
+                }
+            },
+            _maybeProcessNextItemAfterOnValidateCallback: function(validItem, items, index, params, endpoint) {
+                var self = this;
+                if (items.length > index) {
+                    if (validItem || !this._options.validation.stopOnFirstInvalidFile) {
+                        setTimeout(function() {
+                            var validationDescriptor = self._getValidationDescriptor(items[index]), buttonId = self._getButtonId(items[index].file), button = self._getButton(buttonId);
+                            self._handleCheckedCallback({
+                                name: "onValidate",
+                                callback: qq.bind(self._options.callbacks.onValidate, self, validationDescriptor, button),
+                                onSuccess: qq.bind(self._onValidateCallbackSuccess, self, items, index, params, endpoint),
+                                onFailure: qq.bind(self._onValidateCallbackFailure, self, items, index, params, endpoint),
+                                identifier: "Item '" + validationDescriptor.name + "', size: " + validationDescriptor.size
+                            });
+                        }, 0);
+                    } else if (!validItem) {
+                        for (;index < items.length; index++) {
+                            self._fileOrBlobRejected(items[index].id);
+                        }
+                    }
+                }
+            },
+            _onAllComplete: function(successful, failed) {
+                this._totalProgress && this._totalProgress.onAllComplete(successful, failed, this._preventRetries);
+                this._options.callbacks.onAllComplete(qq.extend([], successful), qq.extend([], failed));
+                this._succeededSinceLastAllComplete = [];
+                this._failedSinceLastAllComplete = [];
+            },
+            _onAutoRetry: function(id, name, responseJSON, xhr, callback) {
+                var self = this;
+                self._preventRetries[id] = responseJSON[self._options.retry.preventRetryResponseProperty];
+                if (self._shouldAutoRetry(id)) {
+                    var retryWaitPeriod = self._options.retry.autoAttemptDelay * 1e3;
+                    self._maybeParseAndSendUploadError.apply(self, arguments);
+                    self._options.callbacks.onAutoRetry(id, name, self._autoRetries[id]);
+                    self._onBeforeAutoRetry(id, name);
+                    self._uploadData.setStatus(id, qq.status.UPLOAD_RETRYING);
+                    self._retryTimeouts[id] = setTimeout(function() {
+                        self.log("Starting retry for " + name + "...");
+                        if (callback) {
+                            callback(id);
+                        } else {
+                            self._handler.retry(id);
+                        }
+                    }, retryWaitPeriod);
+                    return true;
+                }
+            },
+            _onBeforeAutoRetry: function(id, name) {
+                this.log("Waiting " + this._options.retry.autoAttemptDelay + " seconds before retrying " + name + "...");
+            },
+            _onBeforeManualRetry: function(id) {
+                var itemLimit = this._currentItemLimit, fileName;
+                if (this._preventRetries[id]) {
+                    this.log("Retries are forbidden for id " + id, "warn");
+                    return false;
+                } else if (this._handler.isValid(id)) {
+                    fileName = this.getName(id);
+                    if (this._options.callbacks.onManualRetry(id, fileName) === false) {
+                        return false;
+                    }
+                    if (itemLimit > 0 && this._netUploadedOrQueued + 1 > itemLimit) {
+                        this._itemError("retryFailTooManyItems");
+                        return false;
+                    }
+                    this.log("Retrying upload for '" + fileName + "' (id: " + id + ")...");
+                    return true;
+                } else {
+                    this.log("'" + id + "' is not a valid file ID", "error");
+                    return false;
+                }
+            },
+            _onCancel: function(id, name) {
+                this._netUploadedOrQueued--;
+                clearTimeout(this._retryTimeouts[id]);
+                var storedItemIndex = qq.indexOf(this._storedIds, id);
+                if (!this._options.autoUpload && storedItemIndex >= 0) {
+                    this._storedIds.splice(storedItemIndex, 1);
+                }
+                this._uploadData.setStatus(id, qq.status.CANCELED);
+            },
+            _onComplete: function(id, name, result, xhr) {
+                if (!result.success) {
+                    this._netUploadedOrQueued--;
+                    this._uploadData.setStatus(id, qq.status.UPLOAD_FAILED);
+                    if (result[this._options.retry.preventRetryResponseProperty] === true) {
+                        this._preventRetries[id] = true;
+                    }
+                } else {
+                    if (result.thumbnailUrl) {
+                        this._thumbnailUrls[id] = result.thumbnailUrl;
+                    }
+                    this._netUploaded++;
+                    this._uploadData.setStatus(id, qq.status.UPLOAD_SUCCESSFUL);
+                }
+                this._maybeParseAndSendUploadError(id, name, result, xhr);
+                return result.success ? true : false;
+            },
+            _onDelete: function(id) {
+                this._uploadData.setStatus(id, qq.status.DELETING);
+            },
+            _onDeleteComplete: function(id, xhrOrXdr, isError) {
+                var name = this.getName(id);
+                if (isError) {
+                    this._handleDeleteFailed(id, xhrOrXdr);
+                } else {
+                    this._handleDeleteSuccess(id);
+                }
+            },
+            _onInputChange: function(input) {
+                var fileIndex;
+                if (qq.supportedFeatures.ajaxUploading) {
+                    for (fileIndex = 0; fileIndex < input.files.length; fileIndex++) {
+                        this._annotateWithButtonId(input.files[fileIndex], input);
+                    }
+                    this.addFiles(input.files);
+                } else if (input.value.length > 0) {
+                    this.addFiles(input);
+                }
+                qq.each(this._buttons, function(idx, button) {
+                    button.reset();
+                });
+            },
+            _onProgress: function(id, name, loaded, total) {
+                this._totalProgress && this._totalProgress.onIndividualProgress(id, loaded, total);
+            },
+            _onSubmit: function(id, name) {},
+            _onSubmitCallbackSuccess: function(id, name) {
+                this._onSubmit.apply(this, arguments);
+                this._uploadData.setStatus(id, qq.status.SUBMITTED);
+                this._onSubmitted.apply(this, arguments);
+                if (this._options.autoUpload) {
+                    this._options.callbacks.onSubmitted.apply(this, arguments);
+                    this._uploadFile(id);
+                } else {
+                    this._storeForLater(id);
+                    this._options.callbacks.onSubmitted.apply(this, arguments);
+                }
+            },
+            _onSubmitDelete: function(id, onSuccessCallback, additionalMandatedParams) {
+                var uuid = this.getUuid(id), adjustedOnSuccessCallback;
+                if (onSuccessCallback) {
+                    adjustedOnSuccessCallback = qq.bind(onSuccessCallback, this, id, uuid, additionalMandatedParams);
+                }
+                if (this._isDeletePossible()) {
+                    this._handleCheckedCallback({
+                        name: "onSubmitDelete",
+                        callback: qq.bind(this._options.callbacks.onSubmitDelete, this, id),
+                        onSuccess: adjustedOnSuccessCallback || qq.bind(this._deleteHandler.sendDelete, this, id, uuid, additionalMandatedParams),
+                        identifier: id
+                    });
+                    return true;
+                } else {
+                    this.log("Delete request ignored for ID " + id + ", delete feature is disabled or request not possible " + "due to CORS on a user agent that does not support pre-flighting.", "warn");
+                    return false;
+                }
+            },
+            _onSubmitted: function(id) {},
+            _onTotalProgress: function(loaded, total) {
+                this._options.callbacks.onTotalProgress(loaded, total);
+            },
+            _onUploadPrep: function(id) {},
+            _onUpload: function(id, name) {
+                this._uploadData.setStatus(id, qq.status.UPLOADING);
+            },
+            _onUploadChunk: function(id, chunkData) {},
+            _onUploadChunkSuccess: function(id, chunkData) {
+                if (!this._preventRetries[id] && this._options.retry.enableAuto) {
+                    this._autoRetries[id] = 0;
+                }
+            },
+            _onUploadStatusChange: function(id, oldStatus, newStatus) {
+                if (newStatus === qq.status.PAUSED) {
+                    clearTimeout(this._retryTimeouts[id]);
+                }
+            },
+            _onValidateBatchCallbackFailure: function(fileWrappers) {
+                var self = this;
+                qq.each(fileWrappers, function(idx, fileWrapper) {
+                    self._fileOrBlobRejected(fileWrapper.id);
+                });
+            },
+            _onValidateBatchCallbackSuccess: function(validationDescriptors, items, params, endpoint, button) {
+                var errorMessage, itemLimit = this._currentItemLimit, proposedNetFilesUploadedOrQueued = this._netUploadedOrQueued;
+                if (itemLimit === 0 || proposedNetFilesUploadedOrQueued <= itemLimit) {
+                    if (items.length > 0) {
+                        this._handleCheckedCallback({
+                            name: "onValidate",
+                            callback: qq.bind(this._options.callbacks.onValidate, this, validationDescriptors[0], button),
+                            onSuccess: qq.bind(this._onValidateCallbackSuccess, this, items, 0, params, endpoint),
+                            onFailure: qq.bind(this._onValidateCallbackFailure, this, items, 0, params, endpoint),
+                            identifier: "Item '" + items[0].file.name + "', size: " + items[0].file.size
+                        });
+                    } else {
+                        this._itemError("noFilesError");
+                    }
+                } else {
+                    this._onValidateBatchCallbackFailure(items);
+                    errorMessage = this._options.messages.tooManyItemsError.replace(/\{netItems\}/g, proposedNetFilesUploadedOrQueued).replace(/\{itemLimit\}/g, itemLimit);
+                    this._batchError(errorMessage);
+                }
+            },
+            _onValidateCallbackFailure: function(items, index, params, endpoint) {
+                var nextIndex = index + 1;
+                this._fileOrBlobRejected(items[index].id, items[index].file.name);
+                this._maybeProcessNextItemAfterOnValidateCallback(false, items, nextIndex, params, endpoint);
+            },
+            _onValidateCallbackSuccess: function(items, index, params, endpoint) {
+                var self = this, nextIndex = index + 1, validationDescriptor = this._getValidationDescriptor(items[index]);
+                this._validateFileOrBlobData(items[index], validationDescriptor).then(function() {
+                    self._upload(items[index].id, params, endpoint);
+                    self._maybeProcessNextItemAfterOnValidateCallback(true, items, nextIndex, params, endpoint);
+                }, function() {
+                    self._maybeProcessNextItemAfterOnValidateCallback(false, items, nextIndex, params, endpoint);
+                });
+            },
+            _prepareItemsForUpload: function(items, params, endpoint) {
+                if (items.length === 0) {
+                    this._itemError("noFilesError");
+                    return;
+                }
+                var validationDescriptors = this._getValidationDescriptors(items), buttonId = this._getButtonId(items[0].file), button = this._getButton(buttonId);
+                this._handleCheckedCallback({
+                    name: "onValidateBatch",
+                    callback: qq.bind(this._options.callbacks.onValidateBatch, this, validationDescriptors, button),
+                    onSuccess: qq.bind(this._onValidateBatchCallbackSuccess, this, validationDescriptors, items, params, endpoint, button),
+                    onFailure: qq.bind(this._onValidateBatchCallbackFailure, this, items),
+                    identifier: "batch validation"
+                });
+            },
+            _preventLeaveInProgress: function() {
+                var self = this;
+                this._disposeSupport.attach(window, "beforeunload", function(e) {
+                    if (self.getInProgress()) {
+                        e = e || window.event;
+                        e.returnValue = self._options.messages.onLeave;
+                        return self._options.messages.onLeave;
+                    }
+                });
+            },
+            _refreshSessionData: function() {
+                var self = this, options = this._options.session;
+                if (qq.Session && this._options.session.endpoint != null) {
+                    if (!this._session) {
+                        qq.extend(options, {
+                            cors: this._options.cors
+                        });
+                        options.log = qq.bind(this.log, this);
+                        options.addFileRecord = qq.bind(this._addCannedFile, this);
+                        this._session = new qq.Session(options);
+                    }
+                    setTimeout(function() {
+                        self._session.refresh().then(function(response, xhrOrXdr) {
+                            self._sessionRequestComplete();
+                            self._options.callbacks.onSessionRequestComplete(response, true, xhrOrXdr);
+                        }, function(response, xhrOrXdr) {
+                            self._options.callbacks.onSessionRequestComplete(response, false, xhrOrXdr);
+                        });
+                    }, 0);
+                }
+            },
+            _sessionRequestComplete: function() {},
+            _setSize: function(id, newSize) {
+                this._uploadData.updateSize(id, newSize);
+                this._totalProgress && this._totalProgress.onNewSize(id);
+            },
+            _shouldAutoRetry: function(id) {
+                var uploadData = this._uploadData.retrieve({
+                    id: id
+                });
+                if (!this._preventRetries[id] && this._options.retry.enableAuto && uploadData.status !== qq.status.PAUSED) {
+                    if (this._autoRetries[id] === undefined) {
+                        this._autoRetries[id] = 0;
+                    }
+                    if (this._autoRetries[id] < this._options.retry.maxAutoAttempts) {
+                        this._autoRetries[id] += 1;
+                        return true;
+                    }
+                }
+                return false;
+            },
+            _storeForLater: function(id) {
+                this._storedIds.push(id);
+            },
+            _trackButton: function(id) {
+                var buttonId;
+                if (qq.supportedFeatures.ajaxUploading) {
+                    buttonId = this._handler.getFile(id).qqButtonId;
+                } else {
+                    buttonId = this._getButtonId(this._handler.getInput(id));
+                }
+                if (buttonId) {
+                    this._buttonIdsForFileIds[id] = buttonId;
+                }
+            },
+            _updateFormSupportAndParams: function(formElementOrId) {
+                this._options.form.element = formElementOrId;
+                this._formSupport = qq.FormSupport && new qq.FormSupport(this._options.form, qq.bind(this.uploadStoredFiles, this), qq.bind(this.log, this));
+                if (this._formSupport && this._formSupport.attachedToForm) {
+                    this._paramsStore.addReadOnly(null, this._formSupport.getFormInputsAsObject);
+                    this._options.autoUpload = this._formSupport.newAutoUpload;
+                    if (this._formSupport.newEndpoint) {
+                        this.setEndpoint(this._formSupport.newEndpoint);
+                    }
+                }
+            },
+            _upload: function(id, params, endpoint) {
+                var name = this.getName(id);
+                if (params) {
+                    this.setParams(params, id);
+                }
+                if (endpoint) {
+                    this.setEndpoint(endpoint, id);
+                }
+
+                this._handleCheckedCallback({
+                    name: "onSubmit",
+                    callback: qq.bind(this._options.callbacks.onSubmit, this, id, name),
+                    onSuccess: qq.bind(this._onSubmitCallbackSuccess, this, id, name),
+                    onFailure: qq.bind(this._fileOrBlobRejected, this, id, name),
+                    identifier: id
+                });
+            },
+            _uploadFile: function(id) {
+                if (!this._handler.upload(id)) {
+                    this._uploadData.setStatus(id, qq.status.QUEUED);
+                }
+            },
+            _uploadStoredFiles: function() {
+                var idToUpload, stillSubmitting, self = this;
+                while (this._storedIds.length) {
+                    idToUpload = this._storedIds.shift();
+                    this._uploadFile(idToUpload);
+                }
+                stillSubmitting = this.getUploads({
+                    status: qq.status.SUBMITTING
+                }).length;
+                if (stillSubmitting) {
+                    qq.log("Still waiting for " + stillSubmitting + " files to clear submit queue. Will re-parse stored IDs array shortly.");
+                    setTimeout(function() {
+                        self._uploadStoredFiles();
+                    }, 1e3);
+                }
+            },
+            _validateFileOrBlobData: function(fileWrapper, validationDescriptor) {
+                var self = this, file = function() {
+                    if (fileWrapper.file instanceof qq.BlobProxy) {
+                        return fileWrapper.file.referenceBlob;
+                    }
+                    return fileWrapper.file;
+                }(), name = validationDescriptor.name, size = validationDescriptor.size, buttonId = this._getButtonId(fileWrapper.file), validationBase = this._getValidationBase(buttonId), validityChecker = new qq.Promise();
+                validityChecker.then(function() {}, function() {
+                    self._fileOrBlobRejected(fileWrapper.id, name);
+                });
+                if (qq.isFileOrInput(file) && !this._isAllowedExtension(validationBase.allowedExtensions, name)) {
+                    this._itemError("typeError", name, file);
+                    return validityChecker.failure();
+                }
+                if (!this._options.validation.allowEmpty && size === 0) {
+                    this._itemError("emptyError", name, file);
+                    return validityChecker.failure();
+                }
+                if (size > 0 && validationBase.sizeLimit && size > validationBase.sizeLimit) {
+                    this._itemError("sizeError", name, file);
+                    return validityChecker.failure();
+                }
+                if (size > 0 && size < validationBase.minSizeLimit) {
+                    this._itemError("minSizeError", name, file);
+                    return validityChecker.failure();
+                }
+                if (qq.ImageValidation && qq.supportedFeatures.imagePreviews && qq.isFile(file)) {
+                    new qq.ImageValidation(file, qq.bind(self.log, self)).validate(validationBase.image).then(validityChecker.success, function(errorCode) {
+                        self._itemError(errorCode + "ImageError", name, file);
+                        validityChecker.failure();
+                    });
+                } else {
+                    validityChecker.success();
+                }
+                return validityChecker;
+            },
+            _wrapCallbacks: function() {
+                var self, safeCallback, prop;
+                self = this;
+                safeCallback = function(name, callback, args) {
+                    var errorMsg;
+                    try {
+                        return callback.apply(self, args);
+                    } catch (exception) {
+                        errorMsg = exception.message || exception.toString();
+                        self.log("Caught exception in '" + name + "' callback - " + errorMsg, "error");
+                    }
+                };
+                for (prop in this._options.callbacks) {
+                    (function() {
+                        var callbackName, callbackFunc;
+                        callbackName = prop;
+                        callbackFunc = self._options.callbacks[callbackName];
+                        self._options.callbacks[callbackName] = function() {
+                            return safeCallback(callbackName, callbackFunc, arguments);
+                        };
+                    })();
+                }
+            }
+        };
+    })();
+    (function() {
+        "use strict";
+        qq.FileUploaderBasic = function(o) {
+            var self = this;
+            this._options = {
+                debug: false,
+                button: null,
+                multiple: true,
+                maxConnections: 3,
+                disableCancelForFormUploads: false,
+                autoUpload: true,
+                warnBeforeUnload: true,
+                request: {
+                    customHeaders: {},
+                    endpoint: "/server/upload",
+                    filenameParam: "qqfilename",
+                    forceMultipart: true,
+                    dest: '/',
+                    inputName: "hdfs_file",
+                    method: "POST",
+                    omitDefaultParams: false,
+                    params: {},
+                    paramsInBody: true,
+                    requireSuccessJson: true,
+                    totalFileSizeName: "qqtotalfilesize",
+                    uuidName: "qquuid"
+                },
+                validation: {
+                    allowedExtensions: [],
+                    sizeLimit: 0,
+                    minSizeLimit: 0,
+                    itemLimit: 0,
+                    stopOnFirstInvalidFile: true,
+                    acceptFiles: null,
+                    image: {
+                        maxHeight: 0,
+                        maxWidth: 0,
+                        minHeight: 0,
+                        minWidth: 0
+                    },
+                    allowEmpty: false
+                },
+                callbacks: {
+                    onSubmit: function(id, name) {},
+                    onSubmitted: function(id, name) {},
+                    onComplete: function(id, name, responseJSON, maybeXhr) {},
+                    onAllComplete: function(successful, failed) {},
+                    onCancel: function(id, name) {},
+                    onUpload: function(id, name) {},
+                    onUploadChunk: function(id, name, chunkData) {},
+                    onUploadChunkSuccess: function(id, chunkData, responseJSON, xhr) {},
+                    onResume: function(id, fileName, chunkData, customResumeData) {},
+                    onProgress: function(id, name, loaded, total) {},
+                    onTotalProgress: function(loaded, total) {},
+                    onError: function(id, name, reason, maybeXhrOrXdr) {},
+                    onAutoRetry: function(id, name, attemptNumber) {},
+                    onManualRetry: function(id, name) {},
+                    onValidateBatch: function(fileOrBlobData) {},
+                    onValidate: function(fileOrBlobData) {},
+                    onSubmitDelete: function(id) {},
+                    onDelete: function(id) {},
+                    onDeleteComplete: function(id, xhrOrXdr, isError) {},
+                    onPasteReceived: function(blob) {},
+                    onStatusChange: function(id, oldStatus, newStatus) {},
+                    onSessionRequestComplete: function(response, success, xhrOrXdr) {}
+                },
+                messages: {
+                    typeError: "{file} has an invalid extension. Valid extension(s): {extensions}.",
+                    sizeError: "{file} is too large, maximum file size is {sizeLimit}.",
+                    minSizeError: "{file} is too small, minimum file size is {minSizeLimit}.",
+                    emptyError: "{file} is empty, please select files again without it.",
+                    noFilesError: "No files to upload.",
+                    tooManyItemsError: "Too many items ({netItems}) would be uploaded.  Item limit is {itemLimit}.",
+                    maxHeightImageError: "Image is too tall.",
+                    maxWidthImageError: "Image is too wide.",
+                    minHeightImageError: "Image is not tall enough.",
+                    minWidthImageError: "Image is not wide enough.",
+                    retryFailTooManyItems: "Retry failed - you have reached your file limit.",
+                    onLeave: "The files are being uploaded, if you leave now the upload will be canceled.",
+                    unsupportedBrowserIos8Safari: "Unrecoverable error - this browser does not permit file uploading of any kind due to serious bugs in iOS8 Safari.  Please use iOS8 Chrome until Apple fixes these issues."
+                },
+                retry: {
+                    enableAuto: false,
+                    maxAutoAttempts: 3,
+                    autoAttemptDelay: 5,
+                    preventRetryResponseProperty: "preventRetry"
+                },
+                classes: {
+                    buttonHover: "qq-upload-button-hover",
+                    buttonFocus: "qq-upload-button-focus"
+                },
+                chunking: {
+                    enabled: true,
+                    concurrent: {
+                        enabled: false
+                    },
+                    mandatory: false,
+                    paramNames: {
+                        partIndex: "qqpartindex",
+                        partByteOffset: "qqpartbyteoffset",
+                        chunkSize: "qqchunksize",
+                        totalFileSize: "qqtotalfilesize",
+                        totalParts: "qqtotalparts"
+                    },
+                    partSize: function(id) {
+                        return 2e6;
+                    },
+                    success: {
+                        endpoint: null,
+                        headers: function(id) {
+                            return null;
+                        },
+                        jsonPayload: false,
+                        method: "POST",
+                        params: function(id) {
+                            return null;
+                        },
+                        resetOnStatus: []
+                    }
+                },
+                resume: {
+                    enabled: false,
+                    recordsExpireIn: 7,
+                    paramNames: {
+                        resuming: "qqresume"
+                    },
+                    customKeys: function(fileId) {
+                        return [];
+                    }
+                },
+                formatFileName: function(fileOrBlobName) {
+                    return fileOrBlobName;
+                },
+                text: {
+                    defaultResponseError: "Upload failure reason unknown",
+                    fileInputTitle: "file input",
+                    sizeSymbols: [ "kB", "MB", "GB", "TB", "PB", "EB" ]
+                },
+                deleteFile: {
+                    enabled: false,
+                    method: "DELETE",
+                    endpoint: "/server/upload",
+                    customHeaders: {},
+                    params: {}
+                },
+                cors: {
+                    expected: false,
+                    sendCredentials: false,
+                    allowXdr: false
+                },
+                blobs: {
+                    defaultName: "misc_data"
+                },
+                paste: {
+                    targetElement: null,
+                    defaultName: "pasted_image"
+                },
+                camera: {
+                    ios: false,
+                    button: null
+                },
+                extraButtons: [],
+                session: {
+                    endpoint: null,
+                    params: {},
+                    customHeaders: {},
+                    refreshOnReset: true
+                },
+                form: {
+                    element: "qq-form",
+                    autoUpload: false,
+                    interceptSubmit: true
+                },
+                scaling: {
+                    customResizer: null,
+                    sendOriginal: true,
+                    orient: true,
+                    defaultType: null,
+                    defaultQuality: 80,
+                    failureText: "Failed to scale",
+                    includeExif: false,
+                    sizes: []
+                },
+                workarounds: {
+                    iosEmptyVideos: true,
+                    ios8SafariUploads: true,
+                    ios8BrowserCrash: false
+                }
+            };
+            qq.extend(this._options, o, true);
+            this._buttons = [];
+            this._extraButtonSpecs = {};
+            this._buttonIdsForFileIds = [];
+            this._wrapCallbacks();
+            this._disposeSupport = new qq.DisposeSupport();
+            this._storedIds = [];
+            this._autoRetries = [];
+            this._retryTimeouts = [];
+            this._preventRetries = [];
+            this._thumbnailUrls = [];
+            this._netUploadedOrQueued = 0;
+            this._netUploaded = 0;
+            this._uploadData = this._createUploadDataTracker();
+            this._initFormSupportAndParams();
+            this._customHeadersStore = this._createStore(this._options.request.customHeaders);
+            this._deleteFileCustomHeadersStore = this._createStore(this._options.deleteFile.customHeaders);
+            this._deleteFileParamsStore = this._createStore(this._options.deleteFile.params);
+            this._endpointStore = this._createStore(this._options.request.endpoint);
+            this._deleteFileEndpointStore = this._createStore(this._options.deleteFile.endpoint);
+            this._handler = this._createUploadHandler();
+            this._deleteHandler = qq.DeleteFileAjaxRequester && this._createDeleteHandler();
+            if (this._options.button) {
+                this._defaultButtonId = this._createUploadButton({
+                    element: this._options.button,
+                    title: this._options.text.fileInputTitle
+                }).getButtonId();
+            }
+            this._generateExtraButtonSpecs();
+            this._handleCameraAccess();
+            if (this._options.paste.targetElement) {
+                if (qq.PasteSupport) {
+                    this._pasteHandler = this._createPasteHandler();
+                } else {
+                    this.log("Paste support module not found", "error");
+                }
+            }
+            this._options.warnBeforeUnload && this._preventLeaveInProgress();
+            this._imageGenerator = qq.ImageGenerator && new qq.ImageGenerator(qq.bind(this.log, this));
+            this._refreshSessionData();
+            this._succeededSinceLastAllComplete = [];
+            this._failedSinceLastAllComplete = [];
+            this._scaler = qq.Scaler && new qq.Scaler(this._options.scaling, qq.bind(this.log, this)) || {};
+            if (this._scaler.enabled) {
+                this._customNewFileHandler = qq.bind(this._scaler.handleNewFile, this._scaler);
+            }
+            if (qq.TotalProgress && qq.supportedFeatures.progressBar) {
+                this._totalProgress = new qq.TotalProgress(qq.bind(this._onTotalProgress, this), function(id) {
+                    var entry = self._uploadData.retrieve({
+                        id: id
+                    });
+                    return entry && entry.size || 0;
+                });
+            }
+            this._currentItemLimit = this._options.validation.itemLimit;
+            this._customResumeDataStore = this._createStore();
+        };
+        qq.FileUploaderBasic.prototype = qq.basePublicApi;
+        qq.extend(qq.FileUploaderBasic.prototype, qq.basePrivateApi);
+    })();
+    qq.AjaxRequester = function(o) {
+        "use strict";
+        var log, shouldParamsBeInQueryString, queue = [], requestData = {}, options = {
+            acceptHeader: null,
+            validMethods: [ "PATCH", "POST", "PUT" ],
+            method: "POST",
+            contentType: "application/x-www-form-urlencoded",
+            maxConnections: 3,
+            customHeaders: {},
+            endpointStore: {},
+            paramsStore: {},
+            mandatedParams: {},
+            allowXRequestedWithAndCacheControl: true,
+            successfulResponseCodes: {
+                DELETE: [ 200, 202, 204 ],
+                PATCH: [ 200, 201, 202, 203, 204 ],
+                POST: [ 200, 201, 202, 203, 204 ],
+                PUT: [ 200, 201, 202, 203, 204 ],
+                GET: [ 200 ]
+            },
+            cors: {
+                expected: false,
+                sendCredentials: false
+            },
+            log: function(str, level) {},
+            onSend: function(id) {},
+            onComplete: function(id, xhrOrXdr, isError) {},
+            onProgress: null
+        };
+        qq.extend(options, o);
+        log = options.log;
+        if (qq.indexOf(options.validMethods, options.method) < 0) {
+            throw new Error("'" + options.method + "' is not a supported method for this type of request!");
+        }
+        function isSimpleMethod() {
+            return qq.indexOf([ "GET", "POST", "HEAD" ], options.method) >= 0;
+        }
+        function containsNonSimpleHeaders(headers) {
+            var containsNonSimple = false;
+            qq.each(containsNonSimple, function(idx, header) {
+                if (qq.indexOf([ "Accept", "Accept-Language", "Content-Language", "Content-Type" ], header) < 0) {
+                    containsNonSimple = true;
+                    return false;
+                }
+            });
+            return containsNonSimple;
+        }
+        function isXdr(xhr) {
+            return options.cors.expected && xhr.withCredentials === undefined;
+        }
+        function getCorsAjaxTransport() {
+            var xhrOrXdr;
+            if (window.XMLHttpRequest || window.ActiveXObject) {
+                xhrOrXdr = qq.createXhrInstance();
+                if (xhrOrXdr.withCredentials === undefined) {
+                    xhrOrXdr = new XDomainRequest();
+                    xhrOrXdr.onload = function() {};
+                    xhrOrXdr.onerror = function() {};
+                    xhrOrXdr.ontimeout = function() {};
+                    xhrOrXdr.onprogress = function() {};
+                }
+            }
+            return xhrOrXdr;
+        }
+        function getXhrOrXdr(id, suppliedXhr) {
+            var xhrOrXdr = requestData[id] && requestData[id].xhr;
+            if (!xhrOrXdr) {
+                if (suppliedXhr) {
+                    xhrOrXdr = suppliedXhr;
+                } else {
+                    if (options.cors.expected) {
+                        xhrOrXdr = getCorsAjaxTransport();
+                    } else {
+                        xhrOrXdr = qq.createXhrInstance();
+                    }
+                }
+                requestData[id].xhr = xhrOrXdr;
+            }
+            return xhrOrXdr;
+        }
+        function dequeue(id) {
+            var i = qq.indexOf(queue, id), max = options.maxConnections, nextId;
+            delete requestData[id];
+            queue.splice(i, 1);
+            if (queue.length >= max && i < max) {
+                nextId = queue[max - 1];
+                sendRequest(nextId);
+            }
+        }
+        function onComplete(id, xdrError) {
+            var xhr = getXhrOrXdr(id), method = options.method, isError = xdrError === true;
+            dequeue(id);
+            if (isError) {
+                log(method + " request for " + id + " has failed", "error");
+            } else if (!isXdr(xhr) && !isResponseSuccessful(xhr.status)) {
+                isError = true;
+                log(method + " request for " + id + " has failed - response code " + xhr.status, "error");
+            }
+            options.onComplete(id, xhr, isError);
+        }
+        function getParams(id) {
+            var onDemandParams = requestData[id].additionalParams, mandatedParams = options.mandatedParams, params;
+            if (options.paramsStore.get) {
+                params = options.paramsStore.get(id);
+            }
+            if (onDemandParams) {
+                qq.each(onDemandParams, function(name, val) {
+                    params = params || {};
+                    params[name] = val;
+                });
+            }
+            if (mandatedParams) {
+                qq.each(mandatedParams, function(name, val) {
+                    params = params || {};
+                    params[name] = val;
+                });
+            }
+            return params;
+        }
+        function sendRequest(id, optXhr) {
+            var xhr = getXhrOrXdr(id, optXhr), method = options.method, params = getParams(id), payload = requestData[id].payload, url;
+            options.onSend(id);
+            url = createUrl(id, params, requestData[id].additionalQueryParams);
+            if (isXdr(xhr)) {
+                xhr.onload = getXdrLoadHandler(id);
+                xhr.onerror = getXdrErrorHandler(id);
+            } else {
+                xhr.onreadystatechange = getXhrReadyStateChangeHandler(id);
+            }
+            registerForUploadProgress(id);
+            xhr.open(method, url, true);
+            if (options.cors.expected && options.cors.sendCredentials && !isXdr(xhr)) {
+                xhr.withCredentials = true;
+            }
+            setHeaders(id);
+            log("Sending " + method + " request for " + id);
+            if (payload) {
+                xhr.send(payload);
+            } else if (shouldParamsBeInQueryString || !params) {
+                xhr.send();
+            } else if (params && options.contentType && options.contentType.toLowerCase().indexOf("application/x-www-form-urlencoded") >= 0) {
+                xhr.send(qq.obj2url(params, ""));
+            } else if (params && options.contentType && options.contentType.toLowerCase().indexOf("application/json") >= 0) {
+                xhr.send(JSON.stringify(params));
+            } else {
+                xhr.send(params);
+            }
+            return xhr;
+        }
+        function createUrl(id, params, additionalQueryParams) {
+            var endpoint = options.endpointStore.get(id), addToPath = requestData[id].addToPath;
+            if (addToPath != undefined) {
+                endpoint += "/" + addToPath;
+            }
+            if (shouldParamsBeInQueryString && params) {
+                endpoint = qq.obj2url(params, endpoint);
+            }
+            if (additionalQueryParams) {
+                endpoint = qq.obj2url(additionalQueryParams, endpoint);
+            }
+            return endpoint;
+        }
+        function getXhrReadyStateChangeHandler(id) {
+            return function() {
+                if (getXhrOrXdr(id).readyState === 4) {
+                    onComplete(id);
+                }
+            };
+        }
+        function registerForUploadProgress(id) {
+            var onProgress = options.onProgress;
+            if (onProgress) {
+                getXhrOrXdr(id).upload.onprogress = function(e) {
+                    if (e.lengthComputable) {
+                        onProgress(id, e.loaded, e.total);
+                    }
+                };
+            }
+        }
+        function getXdrLoadHandler(id) {
+            return function() {
+                onComplete(id);
+            };
+        }
+        function getXdrErrorHandler(id) {
+            return function() {
+                onComplete(id, true);
+            };
+        }
+        function setHeaders(id) {
+            var xhr = getXhrOrXdr(id), customHeaders = options.customHeaders, onDemandHeaders = requestData[id].additionalHeaders || {}, method = options.method, allHeaders = {};
+            if (!isXdr(xhr)) {
+                options.acceptHeader && xhr.setRequestHeader("Accept", options.acceptHeader);
+                if (options.allowXRequestedWithAndCacheControl) {
+                    if (!options.cors.expected || (!isSimpleMethod() || containsNonSimpleHeaders(customHeaders))) {
+                        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+                        xhr.setRequestHeader("Cache-Control", "no-cache");
+                    }
+                }
+                if (options.contentType && (method === "POST" || method === "PUT")) {
+                    xhr.setRequestHeader("Content-Type", options.contentType);
+                }
+                qq.extend(allHeaders, qq.isFunction(customHeaders) ? customHeaders(id) : customHeaders);
+                qq.extend(allHeaders, onDemandHeaders);
+                qq.each(allHeaders, function(name, val) {
+                    xhr.setRequestHeader(name, val);
+                });
+            }
+        }
+        function isResponseSuccessful(responseCode) {
+            return qq.indexOf(options.successfulResponseCodes[options.method], responseCode) >= 0;
+        }
+        function prepareToSend(id, optXhr, addToPath, additionalParams, additionalQueryParams, additionalHeaders, payload) {
+            requestData[id] = {
+                addToPath: addToPath,
+                additionalParams: additionalParams,
+                additionalQueryParams: additionalQueryParams,
+                additionalHeaders: additionalHeaders,
+                payload: payload
+            };
+            var len = queue.push(id);
+            if (len <= options.maxConnections) {
+                return sendRequest(id, optXhr);
+            }
+        }
+        shouldParamsBeInQueryString = options.method === "GET" || options.method === "DELETE";
+        qq.extend(this, {
+            initTransport: function(id) {
+                var path, params, headers, payload, cacheBuster, additionalQueryParams;
+                return {
+                    withPath: function(appendToPath) {
+                        path = appendToPath;
+                        return this;
+                    },
+                    withParams: function(additionalParams) {
+                        params = additionalParams;
+                        return this;
+                    },
+                    withQueryParams: function(_additionalQueryParams_) {
+                        additionalQueryParams = _additionalQueryParams_;
+                        return this;
+                    },
+                    withHeaders: function(additionalHeaders) {
+                        headers = additionalHeaders;
+                        return this;
+                    },
+                    withPayload: function(thePayload) {
+                        payload = thePayload;
+                        return this;
+                    },
+                    withCacheBuster: function() {
+                        cacheBuster = true;
+                        return this;
+                    },
+                    send: function(optXhr) {
+                        if (cacheBuster && qq.indexOf([ "GET", "DELETE" ], options.method) >= 0) {
+                            params.qqtimestamp = new Date().getTime();
+                        }
+                        return prepareToSend(id, optXhr, path, params, additionalQueryParams, headers, payload);
+                    }
+                };
+            },
+            canceled: function(id) {
+                dequeue(id);
+            }
+        });
+    };
+    qq.UploadHandler = function(spec) {
+        "use strict";
+        var proxy = spec.proxy, fileState = {}, onCancel = proxy.onCancel, getName = proxy.getName;
+        qq.extend(this, {
+            add: function(id, fileItem) {
+                fileState[id] = fileItem;
+                fileState[id].temp = {};
+            },
+            cancel: function(id) {
+                var self = this, cancelFinalizationEffort = new qq.Promise(), onCancelRetVal = onCancel(id, getName(id), cancelFinalizationEffort);
+                onCancelRetVal.then(function() {
+                    if (self.isValid(id)) {
+                        fileState[id].canceled = true;
+                        self.expunge(id);
+                    }
+                    cancelFinalizationEffort.success();
+                });
+            },
+            expunge: function(id) {
+                delete fileState[id];
+            },
+            getThirdPartyFileId: function(id) {
+                return fileState[id].key;
+            },
+            isValid: function(id) {
+                return fileState[id] !== undefined;
+            },
+            reset: function() {
+                fileState = {};
+            },
+            _getFileState: function(id) {
+                return fileState[id];
+            },
+            _setThirdPartyFileId: function(id, thirdPartyFileId) {
+                fileState[id].key = thirdPartyFileId;
+            },
+            _wasCanceled: function(id) {
+                return !!fileState[id].canceled;
+            }
+        });
+    };
+    qq.UploadHandlerController = function(o, namespace) {
+        "use strict";
+        var controller = this, chunkingPossible = false, concurrentChunkingPossible = false, chunking, preventRetryResponse, log, handler, options = {
+            paramsStore: {},
+            maxConnections: 3,
+            chunking: {
+                enabled: false,
+                multiple: {
+                    enabled: false
+                }
+            },
+            log: function(str, level) {},
+            onProgress: function(id, fileName, loaded, total) {},
+            onComplete: function(id, fileName, response, xhr) {},
+            onCancel: function(id, fileName) {},
+            onUploadPrep: function(id) {},
+            onUpload: function(id, fileName) {},
+            onUploadChunk: function(id, fileName, chunkData) {},
+            onUploadChunkSuccess: function(id, chunkData, response, xhr) {},
+            onAutoRetry: function(id, fileName, response, xhr) {},
+            onResume: function(id, fileName, chunkData, customResumeData) {},
+            onUuidChanged: function(id, newUuid) {},
+            getName: function(id) {},
+            setSize: function(id, newSize) {},
+            isQueued: function(id) {},
+            getIdsInProxyGroup: function(id) {},
+            getIdsInBatch: function(id) {},
+            isInProgress: function(id) {}
+        }, chunked = {
+            done: function(id, chunkIdx, response, xhr) {
+                var chunkData = handler._getChunkData(id, chunkIdx);
+                handler._getFileState(id).attemptingResume = false;
+                delete handler._getFileState(id).temp.chunkProgress[chunkIdx];
+                handler._getFileState(id).loaded += chunkData.size;
+                options.onUploadChunkSuccess(id, handler._getChunkDataForCallback(chunkData), response, xhr);
+            },
+            finalize: function(id) {
+                var size = options.getSize(id), name = options.getName(id);
+                log("All chunks have been uploaded for " + id + " - finalizing....");
+                handler.finalizeChunks(id).then(function(response, xhr) {
+                    log("Finalize successful for " + id);
+                    var normaizedResponse = upload.normalizeResponse(response, true);
+                    options.onProgress(id, name, size, size);
+                    handler._maybeDeletePersistedChunkData(id);
+                    upload.cleanup(id, normaizedResponse, xhr);
+                }, function(response, xhr) {
+                    var normalizedResponse = upload.normalizeResponse(response, false);
+                    log("Problem finalizing chunks for file ID " + id + " - " + normalizedResponse.error, "error");
+                    if (normalizedResponse.reset || xhr && options.chunking.success.resetOnStatus.indexOf(xhr.status) >= 0) {
+                        chunked.reset(id);
+                    }
+                    if (!options.onAutoRetry(id, name, normalizedResponse, xhr)) {
+                        upload.cleanup(id, normalizedResponse, xhr);
+                    }
+                });
+            },
+            handleFailure: function(chunkIdx, id, response, xhr) {
+                var name = options.getName(id);
+                log("Chunked upload request failed for " + id + ", chunk " + chunkIdx);
+                handler.clearCachedChunk(id, chunkIdx);
+                var responseToReport = upload.normalizeResponse(response, false), inProgressIdx;
+                if (responseToReport.reset) {
+                    chunked.reset(id);
+                } else {
+                    var inProgressChunksArray = handler._getFileState(id).chunking.inProgress;
+                    inProgressIdx = inProgressChunksArray ? qq.indexOf(inProgressChunksArray, chunkIdx) : -1;
+                    if (inProgressIdx >= 0) {
+                        handler._getFileState(id).chunking.inProgress.splice(inProgressIdx, 1);
+                        handler._getFileState(id).chunking.remaining.unshift(chunkIdx);
+                    }
+                }
+                if (!handler._getFileState(id).temp.ignoreFailure) {
+                    if (concurrentChunkingPossible) {
+                        handler._getFileState(id).temp.ignoreFailure = true;
+                        log(qq.format("Going to attempt to abort these chunks: {}. These are currently in-progress: {}.", JSON.stringify(Object.keys(handler._getXhrs(id))), JSON.stringify(handler._getFileState(id).chunking.inProgress)));
+                        qq.each(handler._getXhrs(id), function(ckid, ckXhr) {
+                            log(qq.format("Attempting to abort file {}.{}. XHR readyState {}. ", id, ckid, ckXhr.readyState));
+                            ckXhr.abort();
+                            ckXhr._cancelled = true;
+                        });
+                        handler.moveInProgressToRemaining(id);
+                        connectionManager.free(id, true);
+                    }
+                    if (!options.onAutoRetry(id, name, responseToReport, xhr)) {
+                        upload.cleanup(id, responseToReport, xhr);
+                    }
+                }
+            },
+            hasMoreParts: function(id) {
+                return !!handler._getFileState(id).chunking.remaining.length;
+            },
+            nextPart: function(id) {
+                var nextIdx = handler._getFileState(id).chunking.remaining.shift();
+                if (nextIdx >= handler._getTotalChunks(id)) {
+                    nextIdx = null;
+                }
+                return nextIdx;
+            },
+            reset: function(id) {
+                log("Server or callback has ordered chunking effort to be restarted on next attempt for item ID " + id, "error");
+                handler._maybeDeletePersistedChunkData(id);
+                handler.reevaluateChunking(id);
+                handler._getFileState(id).loaded = 0;
+                handler._getFileState(id).attemptingResume = false;
+            },
+            sendNext: function(id) {
+                var size = options.getSize(id), name = options.getName(id), chunkIdx = chunked.nextPart(id), chunkData = handler._getChunkData(id, chunkIdx), fileState = handler._getFileState(id), resuming = fileState.attemptingResume, inProgressChunks = fileState.chunking.inProgress || [];
+                if (fileState.loaded == null) {
+                    fileState.loaded = 0;
+                }
+                if (resuming && options.onResume(id, name, chunkData, fileState.customResumeData) === false) {
+                    chunked.reset(id);
+                    chunkIdx = chunked.nextPart(id);
+                    chunkData = handler._getChunkData(id, chunkIdx);
+                    resuming = false;
+                }
+                if (chunkIdx == null && inProgressChunks.length === 0) {
+                    chunked.finalize(id);
+                } else {
+                    inProgressChunks.push(chunkIdx);
+                    handler._getFileState(id).chunking.inProgress = inProgressChunks;
+                    if (concurrentChunkingPossible) {
+                        connectionManager.open(id, chunkIdx);
+                    }
+                    if (concurrentChunkingPossible && connectionManager.available() && handler._getFileState(id).chunking.remaining.length) {
+                        chunked.sendNext(id);
+                    }
+                    if (chunkData.blob.size === 0) {
+                        log(qq.format("Chunk {} for file {} will not be uploaded, zero sized chunk.", chunkIdx, id), "error");
+                        chunked.handleFailure(chunkIdx, id, "File is no longer available", null);
+                    }
+                    var onUploadChunkPromise = options.onUploadChunk(id, name, handler._getChunkDataForCallback(chunkData));
+                    onUploadChunkPromise.then(function(requestOverrides) {
+                        if (!options.isInProgress(id)) {
+                            log(qq.format("Not sending chunked upload request for item {}.{} - no longer in progress.", id, chunkIdx));
+                        } else {
+                            log(qq.format("Sending chunked upload request for item {}.{}, bytes {}-{} of {}.", id, chunkIdx, chunkData.start + 1, chunkData.end, size));
+                            var uploadChunkData = {
+                                chunkIdx: chunkIdx,
+                                id: id,
+                                overrides: requestOverrides,
+                                resuming: resuming
+                            };
+                            handler.uploadChunk(uploadChunkData).then(function success(response, xhr) {
+                                log("Chunked upload request succeeded for " + id + ", chunk " + chunkIdx);
+                                handler.clearCachedChunk(id, chunkIdx);
+                                var inProgressChunks = handler._getFileState(id).chunking.inProgress || [], responseToReport = upload.normalizeResponse(response, true), inProgressChunkIdx = qq.indexOf(inProgressChunks, chunkIdx);
+                                log(qq.format("Chunk {} for file {} uploaded successfully.", chunkIdx, id));
+                                chunked.done(id, chunkIdx, responseToReport, xhr);
+                                if (inProgressChunkIdx >= 0) {
+                                    inProgressChunks.splice(inProgressChunkIdx, 1);
+                                }
+                                handler._maybePersistChunkedState(id);
+                                if (!chunked.hasMoreParts(id) && inProgressChunks.length === 0) {
+                                    chunked.finalize(id);
+                                } else if (chunked.hasMoreParts(id)) {
+                                    chunked.sendNext(id);
+                                } else {
+                                    log(qq.format("File ID {} has no more chunks to send and these chunk indexes are still marked as in-progress: {}", id, JSON.stringify(inProgressChunks)));
+                                }
+                            }, function failure(response, xhr) {
+                                chunked.handleFailure(chunkIdx, id, response, xhr);
+                            }).done(function() {
+                                handler.clearXhr(id, chunkIdx);
+                            });
+                        }
+                    }, function(error) {
+                        chunked.handleFailure(chunkIdx, id, error, null);
+                    });
+                }
+            }
+        }, connectionManager = {
+            _open: [],
+            _openChunks: {},
+            _waiting: [],
+            available: function() {
+                var max = options.maxConnections, openChunkEntriesCount = 0, openChunksCount = 0;
+                qq.each(connectionManager._openChunks, function(fileId, openChunkIndexes) {
+                    openChunkEntriesCount++;
+                    openChunksCount += openChunkIndexes.length;
+                });
+                return max - (connectionManager._open.length - openChunkEntriesCount + openChunksCount);
+            },
+            free: function(id, dontAllowNext) {
+                var allowNext = !dontAllowNext, waitingIndex = qq.indexOf(connectionManager._waiting, id), connectionsIndex = qq.indexOf(connectionManager._open, id), nextId;
+                delete connectionManager._openChunks[id];
+                if (upload.getProxyOrBlob(id) instanceof qq.BlobProxy) {
+                    log("Generated blob upload has ended for " + id + ", disposing generated blob.");
+                    delete handler._getFileState(id).file;
+                }
+                if (waitingIndex >= 0) {
+                    connectionManager._waiting.splice(waitingIndex, 1);
+                } else if (allowNext && connectionsIndex >= 0) {
+                    connectionManager._open.splice(connectionsIndex, 1);
+                    nextId = connectionManager._waiting.shift();
+                    if (nextId >= 0) {
+                        connectionManager._open.push(nextId);
+                        upload.start(nextId);
+                    }
+                }
+            },
+            getWaitingOrConnected: function() {
+                var waitingOrConnected = [];
+                qq.each(connectionManager._openChunks, function(fileId, chunks) {
+                    if (chunks && chunks.length) {
+                        waitingOrConnected.push(parseInt(fileId));
+                    }
+                });
+                qq.each(connectionManager._open, function(idx, fileId) {
+                    if (!connectionManager._openChunks[fileId]) {
+                        waitingOrConnected.push(parseInt(fileId));
+                    }
+                });
+                waitingOrConnected = waitingOrConnected.concat(connectionManager._waiting);
+                return waitingOrConnected;
+            },
+            isUsingConnection: function(id) {
+                return qq.indexOf(connectionManager._open, id) >= 0;
+            },
+            open: function(id, chunkIdx) {
+                if (chunkIdx == null) {
+                    connectionManager._waiting.push(id);
+                }
+                if (connectionManager.available()) {
+                    if (chunkIdx == null) {
+                        connectionManager._waiting.pop();
+                        connectionManager._open.push(id);
+                    } else {
+                        (function() {
+                            var openChunksEntry = connectionManager._openChunks[id] || [];
+                            openChunksEntry.push(chunkIdx);
+                            connectionManager._openChunks[id] = openChunksEntry;
+                        })();
+                    }
+                    return true;
+                }
+                return false;
+            },
+            reset: function() {
+                connectionManager._waiting = [];
+                connectionManager._open = [];
+            }
+        }, simple = {
+            send: function(id, name) {
+                var fileState = handler._getFileState(id);
+                if (!fileState) {
+                    log("Ignoring send request as this upload may have been cancelled, File ID " + id, "warn");
+                    return;
+                }
+                fileState.loaded = 0;
+                log("Sending simple upload request for " + id);
+                handler.uploadFile(id).then(function(response, optXhr) {
+                    log("Simple upload request succeeded for " + id);
+                    var responseToReport = upload.normalizeResponse(response, true), size = options.getSize(id);
+                    options.onProgress(id, name, size, size);
+                    upload.maybeNewUuid(id, responseToReport);
+                    upload.cleanup(id, responseToReport, optXhr);
+                }, function(response, optXhr) {
+                    log("Simple upload request failed for " + id);
+                    var responseToReport = upload.normalizeResponse(response, false);
+                    if (!options.onAutoRetry(id, name, responseToReport, optXhr)) {
+                        upload.cleanup(id, responseToReport, optXhr);
+                    }
+                });
+            }
+        }, upload = {
+            cancel: function(id) {
+                log("Cancelling " + id);
+                options.paramsStore.remove(id);
+                connectionManager.free(id);
+            },
+            cleanup: function(id, response, optXhr) {
+                var name = options.getName(id);
+                options.onComplete(id, name, response, optXhr);
+                if (handler._getFileState(id)) {
+                    handler._clearXhrs && handler._clearXhrs(id);
+                }
+                connectionManager.free(id);
+            },
+            getProxyOrBlob: function(id) {
+                return handler.getProxy && handler.getProxy(id) || handler.getFile && handler.getFile(id);
+            },
+            initHandler: function() {
+                var handlerType = namespace ? qq[namespace] : qq.traditional, handlerModuleSubtype = qq.supportedFeatures.ajaxUploading ? "Xhr" : "Form";
+                handler = new handlerType[handlerModuleSubtype + "UploadHandler"](options, {
+                    getCustomResumeData: options.getCustomResumeData,
+                    getDataByUuid: options.getDataByUuid,
+                    getName: options.getName,
+                    getSize: options.getSize,
+                    getUuid: options.getUuid,
+                    log: log,
+                    onCancel: options.onCancel,
+                    onProgress: options.onProgress,
+                    onUuidChanged: options.onUuidChanged,
+                    onFinalizing: function(id) {
+                        options.setStatus(id, qq.status.UPLOAD_FINALIZING);
+                    }
+                });
+                if (handler._removeExpiredChunkingRecords) {
+                    handler._removeExpiredChunkingRecords();
+                }
+            },
+            isDeferredEligibleForUpload: function(id) {
+                return options.isQueued(id);
+            },
+            maybeDefer: function(id, blob) {
+                if (blob && !handler.getFile(id) && blob instanceof qq.BlobProxy) {
+                    options.onUploadPrep(id);
+                    log("Attempting to generate a blob on-demand for " + id);
+                    blob.create().then(function(generatedBlob) {
+                        log("Generated an on-demand blob for " + id);
+                        handler.updateBlob(id, generatedBlob);
+                        options.setSize(id, generatedBlob.size);
+                        handler.reevaluateChunking(id);
+                        upload.maybeSendDeferredFiles(id);
+                    }, function(errorMessage) {
+                        var errorResponse = {};
+                        if (errorMessage) {
+                            errorResponse.error = errorMessage;
+                        }
+                        log(qq.format("Failed to generate blob for ID {}.  Error message: {}.", id, errorMessage), "error");
+                        options.onComplete(id, options.getName(id), qq.extend(errorResponse, preventRetryResponse), null);
+                        upload.maybeSendDeferredFiles(id);
+                        connectionManager.free(id);
+                    });
+                } else {
+                    return upload.maybeSendDeferredFiles(id);
+                }
+                return false;
+            },
+            maybeSendDeferredFiles: function(id) {
+                var idsInGroup = options.getIdsInProxyGroup(id), uploadedThisId = false;
+                if (idsInGroup && idsInGroup.length) {
+                    log("Maybe ready to upload proxy group file " + id);
+                    qq.each(idsInGroup, function(idx, idInGroup) {
+                        if (upload.isDeferredEligibleForUpload(idInGroup) && !!handler.getFile(idInGroup)) {
+                            uploadedThisId = idInGroup === id;
+                            upload.now(idInGroup);
+                        } else if (upload.isDeferredEligibleForUpload(idInGroup)) {
+                            return false;
+                        }
+                    });
+                } else {
+                    uploadedThisId = true;
+                    upload.now(id);
+                }
+                return uploadedThisId;
+            },
+            maybeNewUuid: function(id, response) {
+                if (response.newUuid !== undefined) {
+                    options.onUuidChanged(id, response.newUuid);
+                }
+            },
+            normalizeResponse: function(originalResponse, successful) {
+                var response = originalResponse;
+                if (!qq.isObject(originalResponse)) {
+                    response = {};
+                    if (qq.isString(originalResponse) && !successful) {
+                        response.error = originalResponse;
+                    }
+                }
+                response.success = successful;
+                return response;
+            },
+            now: function(id) {
+                var name = options.getName(id);
+                if (!controller.isValid(id)) {
+                    throw new qq.Error(id + " is not a valid file ID to upload!");
+                }
+                options.onUpload(id, name).then(function(response) {
+                    if (response && response.pause) {
+                        options.setStatus(id, qq.status.PAUSED);
+                        handler.pause(id);
+                        connectionManager.free(id);
+                    } else {
+                        if (chunkingPossible && handler._shouldChunkThisFile(id)) {
+                            chunked.sendNext(id);
+                        } else {
+                            simple.send(id, name);
+                        }
+                    }
+                }, function(error) {
+                    error = error || {};
+                    log(id + " upload start aborted due to rejected onUpload Promise - details: " + error, "error");
+                    if (!options.onAutoRetry(id, name, error.responseJSON || {})) {
+                        var response = upload.normalizeResponse(error.responseJSON, false);
+                        upload.cleanup(id, response);
+                    }
+                });
+            },
+            start: function(id) {
+                var blobToUpload = upload.getProxyOrBlob(id);
+                if (blobToUpload) {
+                    return upload.maybeDefer(id, blobToUpload);
+                } else {
+                    upload.now(id);
+                    return true;
+                }
+            }
+        };
+        qq.extend(this, {
+            add: function(id, file) {
+                handler.add.apply(this, arguments);
+            },
+            upload: function(id) {
+                if (connectionManager.open(id)) {
+                    return upload.start(id);
+                }
+                return false;
+            },
+            retry: function(id) {
+                if (concurrentChunkingPossible) {
+                    handler._getFileState(id).temp.ignoreFailure = false;
+                }
+                if (connectionManager.isUsingConnection(id)) {
+                    return upload.start(id);
+                } else {
+                    return controller.upload(id);
+                }
+            },
+            cancel: function(id) {
+                var cancelRetVal = handler.cancel(id);
+                if (qq.isGenericPromise(cancelRetVal)) {
+                    cancelRetVal.then(function() {
+                        upload.cancel(id);
+                    });
+                } else if (cancelRetVal !== false) {
+                    upload.cancel(id);
+                }
+            },
+            cancelAll: function() {
+                var waitingOrConnected = connectionManager.getWaitingOrConnected(), i;
+                if (waitingOrConnected.length) {
+                    for (i = waitingOrConnected.length - 1; i >= 0; i--) {
+                        controller.cancel(waitingOrConnected[i]);
+                    }
+                }
+                connectionManager.reset();
+            },
+            getFile: function(id) {
+                if (handler.getProxy && handler.getProxy(id)) {
+                    return handler.getProxy(id).referenceBlob;
+                }
+                return handler.getFile && handler.getFile(id);
+            },
+            isProxied: function(id) {
+                return !!(handler.getProxy && handler.getProxy(id));
+            },
+            getInput: function(id) {
+                if (handler.getInput) {
+                    return handler.getInput(id);
+                }
+            },
+            reset: function() {
+                log("Resetting upload handler");
+                controller.cancelAll();
+                connectionManager.reset();
+                handler.reset();
+            },
+            expunge: function(id) {
+                if (controller.isValid(id)) {
+                    return handler.expunge(id);
+                }
+            },
+            isValid: function(id) {
+                return handler.isValid(id);
+            },
+            hasResumeRecord: function(id) {
+                var key = handler.isValid(id) && handler._getLocalStorageId && handler._getLocalStorageId(id);
+                if (key) {
+                    return !!localStorage.getItem(key);
+                }
+                return false;
+            },
+            getResumableFilesData: function() {
+                if (handler.getResumableFilesData) {
+                    return handler.getResumableFilesData();
+                }
+                return [];
+            },
+            getThirdPartyFileId: function(id) {
+                if (controller.isValid(id)) {
+                    return handler.getThirdPartyFileId(id);
+                }
+            },
+            pause: function(id) {
+                if (controller.isResumable(id) && handler.pause && controller.isValid(id) && handler.pause(id)) {
+                    connectionManager.free(id);
+                    handler.moveInProgressToRemaining(id);
+                    return true;
+                }
+                return false;
+            },
+            isAttemptingResume: function(id) {
+                return !!handler.isAttemptingResume && handler.isAttemptingResume(id);
+            },
+            isResumable: function(id) {
+                return !!handler.isResumable && handler.isResumable(id);
+            }
+        });
+        qq.extend(options, o);
+        log = options.log;
+        chunkingPossible = options.chunking.enabled && qq.supportedFeatures.chunking;
+        concurrentChunkingPossible = chunkingPossible && options.chunking.concurrent.enabled;
+        preventRetryResponse = function() {
+            var response = {};
+            response[options.preventRetryParam] = true;
+            return response;
+        }();
+        upload.initHandler();
+    };
+    qq.WindowReceiveMessage = function(o) {
+        "use strict";
+        var options = {
+            log: function(message, level) {}
+        }, callbackWrapperDetachers = {};
+        qq.extend(options, o);
+        qq.extend(this, {
+            receiveMessage: function(id, callback) {
+                var onMessageCallbackWrapper = function(event) {
+                    callback(event.data);
+                };
+                if (window.postMessage) {
+                    callbackWrapperDetachers[id] = qq(window).attach("message", onMessageCallbackWrapper);
+                } else {
+                    log("iframe message passing not supported in this browser!", "error");
+                }
+            },
+            stopReceivingMessages: function(id) {
+                if (window.postMessage) {
+                    var detacher = callbackWrapperDetachers[id];
+                    if (detacher) {
+                        detacher();
+                    }
+                }
+            }
+        });
+    };
+    qq.FormUploadHandler = function(spec) {
+        "use strict";
+        var options = spec.options, handler = this, proxy = spec.proxy, formHandlerInstanceId = qq.getUniqueId(), onloadCallbacks = {}, detachLoadEvents = {}, postMessageCallbackTimers = {}, isCors = options.isCors, inputName = options.inputName, getUuid = proxy.getUuid, log = proxy.log, corsMessageReceiver = new qq.WindowReceiveMessage({
+            log: log
+        });
+        function expungeFile(id) {
+            delete detachLoadEvents[id];
+            if (isCors) {
+                clearTimeout(postMessageCallbackTimers[id]);
+                delete postMessageCallbackTimers[id];
+                corsMessageReceiver.stopReceivingMessages(id);
+            }
+            var iframe = document.getElementById(handler._getIframeName(id));
+            if (iframe) {
+                iframe.setAttribute("src", "javascript:false;");
+                qq(iframe).remove();
+            }
+        }
+        function getFileIdForIframeName(iframeName) {
+            return iframeName.split("_")[0];
+        }
+        function initIframeForUpload(name) {
+            var iframe = qq.toElement("<iframe src='javascript:false;' name='" + name + "' />");
+            iframe.setAttribute("id", name);
+            iframe.style.display = "none";
+            document.body.appendChild(iframe);
+            return iframe;
+        }
+        function registerPostMessageCallback(iframe, callback) {
+            var iframeName = iframe.id, fileId = getFileIdForIframeName(iframeName), uuid = getUuid(fileId);
+            onloadCallbacks[uuid] = callback;
+            detachLoadEvents[fileId] = qq(iframe).attach("load", function() {
+                if (handler.getInput(fileId)) {
+                    log("Received iframe load event for CORS upload request (iframe name " + iframeName + ")");
+                    postMessageCallbackTimers[iframeName] = setTimeout(function() {
+                        var errorMessage = "No valid message received from loaded iframe for iframe name " + iframeName;
+                        log(errorMessage, "error");
+                        callback({
+                            error: errorMessage
+                        });
+                    }, 1e3);
+                }
+            });
+            corsMessageReceiver.receiveMessage(iframeName, function(message) {
+                log("Received the following window message: '" + message + "'");
+                var fileId = getFileIdForIframeName(iframeName), response = handler._parseJsonResponse(message), uuid = response.uuid, onloadCallback;
+                if (uuid && onloadCallbacks[uuid]) {
+                    log("Handling response for iframe name " + iframeName);
+                    clearTimeout(postMessageCallbackTimers[iframeName]);
+                    delete postMessageCallbackTimers[iframeName];
+                    handler._detachLoadEvent(iframeName);
+                    onloadCallback = onloadCallbacks[uuid];
+                    delete onloadCallbacks[uuid];
+                    corsMessageReceiver.stopReceivingMessages(iframeName);
+                    onloadCallback(response);
+                } else if (!uuid) {
+                    log("'" + message + "' does not contain a UUID - ignoring.");
+                }
+            });
+        }
+        qq.extend(this, new qq.UploadHandler(spec));
+        qq.override(this, function(super_) {
+            return {
+                add: function(id, fileInput) {
+                    super_.add(id, {
+                        input: fileInput
+                    });
+                    fileInput.setAttribute("name", inputName);
+                    if (fileInput.parentNode) {
+                        qq(fileInput).remove();
+                    }
+                },
+                expunge: function(id) {
+                    expungeFile(id);
+                    super_.expunge(id);
+                },
+                isValid: function(id) {
+                    return super_.isValid(id) && handler._getFileState(id).input !== undefined;
+                }
+            };
+        });
+        qq.extend(this, {
+            getInput: function(id) {
+                return handler._getFileState(id).input;
+            },
+            _attachLoadEvent: function(iframe, callback) {
+                var responseDescriptor;
+                if (isCors) {
+                    registerPostMessageCallback(iframe, callback);
+                } else {
+                    detachLoadEvents[iframe.id] = qq(iframe).attach("load", function() {
+                        log("Received response for " + iframe.id);
+                        if (!iframe.parentNode) {
+                            return;
+                        }
+                        try {
+                            if (iframe.contentDocument && iframe.contentDocument.body && iframe.contentDocument.body.innerHTML == "false") {
+                                return;
+                            }
+                        } catch (error) {
+                            log("Error when attempting to access iframe during handling of upload response (" + error.message + ")", "error");
+                            responseDescriptor = {
+                                success: false
+                            };
+                        }
+                        callback(responseDescriptor);
+                    });
+                }
+            },
+            _createIframe: function(id) {
+                var iframeName = handler._getIframeName(id);
+                return initIframeForUpload(iframeName);
+            },
+            _detachLoadEvent: function(id) {
+                if (detachLoadEvents[id] !== undefined) {
+                    detachLoadEvents[id]();
+                    delete detachLoadEvents[id];
+                }
+            },
+            _getIframeName: function(fileId) {
+                return fileId + "_" + formHandlerInstanceId;
+            },
+            _initFormForUpload: function(spec) {
+                var method = spec.method, endpoint = spec.endpoint, params = spec.params, paramsInBody = spec.paramsInBody, targetName = spec.targetName, form = qq.toElement("<form method='" + method + "' enctype='multipart/form-data'></form>"), url = endpoint;
+                if (paramsInBody) {
+                    qq.obj2Inputs(params, form);
+                } else {
+                    url = qq.obj2url(params, endpoint);
+                }
+                form.setAttribute("action", url);
+                form.setAttribute("target", targetName);
+                form.style.display = "none";
+                document.body.appendChild(form);
+                return form;
+            },
+            _parseJsonResponse: function(innerHtmlOrMessage) {
+                var response = {};
+                try {
+                    response = qq.parseJson(innerHtmlOrMessage);
+                } catch (error) {
+                    log("Error when attempting to parse iframe upload response (" + error.message + ")", "error");
+                }
+                return response;
+            }
+        });
+    };
+    qq.XhrUploadHandler = function(spec) {
+        "use strict";
+        var handler = this, namespace = spec.options.namespace, proxy = spec.proxy, chunking = spec.options.chunking, getChunkSize = function(id) {
+            var fileState = handler._getFileState(id);
+            if (fileState.chunkSize) {
+                return fileState.chunkSize;
+            } else {
+                var chunkSize = chunking.partSize;
+                if (qq.isFunction(chunkSize)) {
+                    chunkSize = chunkSize(id, getSize(id));
+                }
+                fileState.chunkSize = chunkSize;
+                return chunkSize;
+            }
+        }, resume = spec.options.resume, chunkFiles = chunking && spec.options.chunking.enabled && qq.supportedFeatures.chunking, resumeEnabled = resume && spec.options.resume.enabled && chunkFiles && qq.supportedFeatures.resume, getName = proxy.getName, getSize = proxy.getSize, getUuid = proxy.getUuid, getEndpoint = proxy.getEndpoint, getDataByUuid = proxy.getDataByUuid, onUuidChanged = proxy.onUuidChanged, onProgress = proxy.onProgress, log = proxy.log, getCustomResumeData = proxy.getCustomResumeData;
+        function abort(id) {
+            qq.each(handler._getXhrs(id), function(xhrId, xhr) {
+                var ajaxRequester = handler._getAjaxRequester(id, xhrId);
+                xhr.onreadystatechange = null;
+                xhr.upload.onprogress = null;
+                xhr.abort();
+                ajaxRequester && ajaxRequester.canceled && ajaxRequester.canceled(id);
+            });
+        }
+        qq.extend(this, new qq.UploadHandler(spec));
+        qq.override(this, function(super_) {
+            return {
+                add: function(id, blobOrProxy) {
+                    if (qq.isFile(blobOrProxy) || qq.isBlob(blobOrProxy)) {
+                        super_.add(id, {
+                            file: blobOrProxy
+                        });
+                    } else if (blobOrProxy instanceof qq.BlobProxy) {
+                        super_.add(id, {
+                            proxy: blobOrProxy
+                        });
+                    } else {
+                        throw new Error("Passed obj is not a File, Blob, or proxy");
+                    }
+                    handler._initTempState(id);
+                    resumeEnabled && handler._maybePrepareForResume(id);
+                },
+                expunge: function(id) {
+                    abort(id);
+                    handler._maybeDeletePersistedChunkData(id);
+                    handler._clearXhrs(id);
+                    super_.expunge(id);
+                }
+            };
+        });
+        qq.extend(this, {
+            clearCachedChunk: function(id, chunkIdx) {
+                var fileState = handler._getFileState(id);
+                if (fileState) {
+                    delete fileState.temp.cachedChunks[chunkIdx];
+                }
+            },
+            clearXhr: function(id, chunkIdx) {
+                var tempState = handler._getFileState(id).temp;
+                if (tempState.xhrs) {
+                    delete tempState.xhrs[chunkIdx];
+                }
+                if (tempState.ajaxRequesters) {
+                    delete tempState.ajaxRequesters[chunkIdx];
+                }
+            },
+            finalizeChunks: function(id, responseParser) {
+                var lastChunkIdx = handler._getTotalChunks(id) - 1, xhr = handler._getXhr(id, lastChunkIdx);
+                if (responseParser) {
+                    return new qq.Promise().success(responseParser(xhr), xhr);
+                }
+                return new qq.Promise().success({}, xhr);
+            },
+            getFile: function(id) {
+                return handler.isValid(id) && handler._getFileState(id).file;
+            },
+            getProxy: function(id) {
+                return handler.isValid(id) && handler._getFileState(id).proxy;
+            },
+            getResumableFilesData: function() {
+                var resumableFilesData = [];
+                handler._iterateResumeRecords(function(key, uploadData) {
+                    handler.moveInProgressToRemaining(null, uploadData.chunking.inProgress, uploadData.chunking.remaining);
+                    var data = {
+                        name: uploadData.name,
+                        remaining: uploadData.chunking.remaining,
+                        size: uploadData.size,
+                        uuid: uploadData.uuid
+                    };
+                    if (uploadData.key) {
+                        data.key = uploadData.key;
+                    }
+                    if (uploadData.customResumeData) {
+                        data.customResumeData = uploadData.customResumeData;
+                    }
+                    resumableFilesData.push(data);
+                });
+                return resumableFilesData;
+            },
+            isAttemptingResume: function(id) {
+                return handler._getFileState(id).attemptingResume;
+            },
+            isResumable: function(id) {
+                return !!chunking && handler.isValid(id) && !handler._getFileState(id).notResumable;
+            },
+            moveInProgressToRemaining: function(id, optInProgress, optRemaining) {
+                var fileState = handler._getFileState(id) || {}, chunkingState = fileState.chunking || {}, inProgress = optInProgress || chunkingState.inProgress, remaining = optRemaining || chunkingState.remaining;
+                if (inProgress) {
+                    log(qq.format("Moving these chunks from in-progress {}, to remaining.", JSON.stringify(inProgress)));
+                    inProgress.reverse();
+                    qq.each(inProgress, function(idx, chunkIdx) {
+                        remaining.unshift(chunkIdx);
+                    });
+                    inProgress.length = 0;
+                }
+            },
+            pause: function(id) {
+                if (handler.isValid(id)) {
+                    log(qq.format("Aborting XHR upload for {} '{}' due to pause instruction.", id, getName(id)));
+                    handler._getFileState(id).paused = true;
+                    abort(id);
+                    return true;
+                }
+            },
+            reevaluateChunking: function(id) {
+                if (chunking && handler.isValid(id)) {
+                    var state = handler._getFileState(id), totalChunks, i;
+                    delete state.chunking;
+                    state.chunking = {};
+                    totalChunks = handler._getTotalChunks(id);
+                    if (totalChunks > 1 || chunking.mandatory) {
+                        state.chunking.enabled = true;
+                        state.chunking.parts = totalChunks;
+                        state.chunking.remaining = [];
+                        for (i = 0; i < totalChunks; i++) {
+                            state.chunking.remaining.push(i);
+                        }
+                        handler._initTempState(id);
+                    } else {
+                        state.chunking.enabled = false;
+                    }
+                }
+            },
+            updateBlob: function(id, newBlob) {
+                if (handler.isValid(id)) {
+                    handler._getFileState(id).file = newBlob;
+                }
+            },
+            _clearXhrs: function(id) {
+                var tempState = handler._getFileState(id).temp;
+                qq.each(tempState.ajaxRequesters, function(chunkId) {
+                    delete tempState.ajaxRequesters[chunkId];
+                });
+                qq.each(tempState.xhrs, function(chunkId) {
+                    delete tempState.xhrs[chunkId];
+                });
+            },
+            _createXhr: function(id, optChunkIdx) {
+                return handler._registerXhr(id, optChunkIdx, qq.createXhrInstance());
+            },
+            _getAjaxRequester: function(id, optChunkIdx) {
+                var chunkIdx = optChunkIdx == null ? -1 : optChunkIdx;
+                return handler._getFileState(id).temp.ajaxRequesters[chunkIdx];
+            },
+            _getChunkData: function(id, chunkIndex) {
+                var chunkSize = getChunkSize(id), fileSize = getSize(id), fileOrBlob = handler.getFile(id), startBytes = chunkSize * chunkIndex, endBytes = startBytes + chunkSize >= fileSize ? fileSize : startBytes + chunkSize, totalChunks = handler._getTotalChunks(id), cachedChunks = this._getFileState(id).temp.cachedChunks, blob = cachedChunks[chunkIndex] || qq.sliceBlob(fileOrBlob, startBytes, endBytes);
+                cachedChunks[chunkIndex] = blob;
+                return {
+                    part: chunkIndex,
+                    start: startBytes,
+                    end: endBytes,
+                    count: totalChunks,
+                    blob: blob,
+                    size: endBytes - startBytes
+                };
+            },
+            _getChunkDataForCallback: function(chunkData) {
+                return {
+                    partIndex: chunkData.part,
+                    startByte: chunkData.start + 1,
+                    endByte: chunkData.end,
+                    totalParts: chunkData.count
+                };
+            },
+            _getLocalStorageId: function(id) {
+                var formatVersion = "5.0", name = getName(id), size = getSize(id), chunkSize = getChunkSize(id), endpoint = getEndpoint(id), customKeys = resume.customKeys(id), localStorageId = qq.format("qq{}resume{}-{}-{}-{}-{}", namespace, formatVersion, name, size, chunkSize, endpoint);
+                customKeys.forEach(function(key) {
+                    localStorageId += "-" + key;
+                });
+                return localStorageId;
+            },
+            _getMimeType: function(id) {
+                return handler.getFile(id).type;
+            },
+            _getPersistableData: function(id) {
+                return handler._getFileState(id).chunking;
+            },
+            _getTotalChunks: function(id) {
+                if (chunking) {
+                    var fileSize = getSize(id), chunkSize = getChunkSize(id);
+                    return Math.ceil(fileSize / chunkSize);
+                }
+            },
+            _getXhr: function(id, optChunkIdx) {
+                var chunkIdx = optChunkIdx == null ? -1 : optChunkIdx;
+                return handler._getFileState(id).temp.xhrs[chunkIdx];
+            },
+            _getXhrs: function(id) {
+                return handler._getFileState(id).temp.xhrs;
+            },
+            _iterateResumeRecords: function(callback) {
+                if (resumeEnabled) {
+                    qq.each(localStorage, function(key, item) {
+                        if (key.indexOf(qq.format("qq{}resume", namespace)) === 0) {
+                            var uploadData = JSON.parse(item);
+                            callback(key, uploadData);
+                        }
+                    });
+                }
+            },
+            _initTempState: function(id) {
+                handler._getFileState(id).temp = {
+                    ajaxRequesters: {},
+                    chunkProgress: {},
+                    xhrs: {},
+                    cachedChunks: {}
+                };
+            },
+            _markNotResumable: function(id) {
+                handler._getFileState(id).notResumable = true;
+            },
+            _maybeDeletePersistedChunkData: function(id) {
+                var localStorageId;
+                if (resumeEnabled && handler.isResumable(id)) {
+                    localStorageId = handler._getLocalStorageId(id);
+                    if (localStorageId && localStorage.getItem(localStorageId)) {
+                        localStorage.removeItem(localStorageId);
+                        return true;
+                    }
+                }
+                return false;
+            },
+            _maybePrepareForResume: function(id) {
+                var state = handler._getFileState(id), localStorageId, persistedData;
+                if (resumeEnabled && state.key === undefined) {
+                    localStorageId = handler._getLocalStorageId(id);
+                    persistedData = localStorage.getItem(localStorageId);
+                    if (persistedData) {
+                        persistedData = JSON.parse(persistedData);
+                        if (getDataByUuid(persistedData.uuid)) {
+                            handler._markNotResumable(id);
+                        } else {
+                            log(qq.format("Identified file with ID {} and name of {} as resumable.", id, getName(id)));
+                            onUuidChanged(id, persistedData.uuid);
+                            state.key = persistedData.key;
+                            state.chunking = persistedData.chunking;
+                            state.loaded = persistedData.loaded;
+                            state.customResumeData = persistedData.customResumeData;
+                            state.attemptingResume = true;
+                            handler.moveInProgressToRemaining(id);
+                        }
+                    }
+                }
+            },
+            _maybePersistChunkedState: function(id) {
+                var state = handler._getFileState(id), localStorageId, persistedData;
+                if (resumeEnabled && handler.isResumable(id)) {
+                    var customResumeData = getCustomResumeData(id);
+                    localStorageId = handler._getLocalStorageId(id);
+                    persistedData = {
+                        name: getName(id),
+                        size: getSize(id),
+                        uuid: getUuid(id),
+                        key: state.key,
+                        chunking: state.chunking,
+                        loaded: state.loaded,
+                        lastUpdated: Date.now()
+                    };
+                    if (customResumeData) {
+                        persistedData.customResumeData = customResumeData;
+                    }
+                    try {
+                        localStorage.setItem(localStorageId, JSON.stringify(persistedData));
+                    } catch (error) {
+                        log(qq.format("Unable to save resume data for '{}' due to error: '{}'.", id, error.toString()), "warn");
+                    }
+                }
+            },
+            _registerProgressHandler: function(id, chunkIdx, chunkSize) {
+                var xhr = handler._getXhr(id, chunkIdx), name = getName(id), progressCalculator = {
+                    simple: function(loaded, total) {
+                        var fileSize = getSize(id);
+                        if (loaded === total) {
+                            onProgress(id, name, fileSize, fileSize);
+                        } else {
+                            onProgress(id, name, loaded >= fileSize ? fileSize - 1 : loaded, fileSize);
+                        }
+                    },
+                    chunked: function(loaded, total) {
+                        var chunkProgress = handler._getFileState(id).temp.chunkProgress, totalSuccessfullyLoadedForFile = handler._getFileState(id).loaded, loadedForRequest = loaded, totalForRequest = total, totalFileSize = getSize(id), estActualChunkLoaded = loadedForRequest - (totalForRequest - chunkSize), totalLoadedForFile = totalSuccessfullyLoadedForFile;
+                        chunkProgress[chunkIdx] = estActualChunkLoaded;
+                        qq.each(chunkProgress, function(chunkIdx, chunkLoaded) {
+                            totalLoadedForFile += chunkLoaded;
+                        });
+                        onProgress(id, name, totalLoadedForFile, totalFileSize);
+                    }
+                };
+                xhr.upload.onprogress = function(e) {
+                    if (e.lengthComputable) {
+                        var type = chunkSize == null ? "simple" : "chunked";
+                        progressCalculator[type](e.loaded, e.total);
+                    }
+                };
+            },
+            _registerXhr: function(id, optChunkIdx, xhr, optAjaxRequester) {
+                var xhrsId = optChunkIdx == null ? -1 : optChunkIdx, tempState = handler._getFileState(id).temp;
+                tempState.xhrs = tempState.xhrs || {};
+                tempState.ajaxRequesters = tempState.ajaxRequesters || {};
+                tempState.xhrs[xhrsId] = xhr;
+                if (optAjaxRequester) {
+                    tempState.ajaxRequesters[xhrsId] = optAjaxRequester;
+                }
+                return xhr;
+            },
+            _removeExpiredChunkingRecords: function() {
+                var expirationDays = resume.recordsExpireIn;
+                handler._iterateResumeRecords(function(key, uploadData) {
+                    var expirationDate = new Date(uploadData.lastUpdated);
+                    expirationDate.setDate(expirationDate.getDate() + expirationDays);
+                    if (expirationDate.getTime() <= Date.now()) {
+                        log("Removing expired resume record with key " + key);
+                        localStorage.removeItem(key);
+                    }
+                });
+            },
+            _shouldChunkThisFile: function(id) {
+                var state = handler._getFileState(id);
+                if (state) {
+                    if (!state.chunking) {
+                        handler.reevaluateChunking(id);
+                    }
+                    return state.chunking.enabled;
+                }
+            }
+        });
+    };
+    qq.DeleteFileAjaxRequester = function(o) {
+        "use strict";
+        var requester, options = {
+            method: "DELETE",
+            uuidParamName: "qquuid",
+            endpointStore: {},
+            maxConnections: 3,
+            customHeaders: function(id) {
+                return {};
+            },
+            paramsStore: {},
+            cors: {
+                expected: false,
+                sendCredentials: false
+            },
+            log: function(str, level) {},
+            onDelete: function(id) {},
+            onDeleteComplete: function(id, xhrOrXdr, isError) {}
+        };
+        qq.extend(options, o);
+        function getMandatedParams() {
+            if (options.method.toUpperCase() === "POST") {
+                return {
+                    _method: "DELETE"
+                };
+            }
+            return {};
+        }
+        requester = qq.extend(this, new qq.AjaxRequester({
+            acceptHeader: "application/json",
+            validMethods: [ "POST", "DELETE" ],
+            method: options.method,
+            endpointStore: options.endpointStore,
+            paramsStore: options.paramsStore,
+            mandatedParams: getMandatedParams(),
+            maxConnections: options.maxConnections,
+            customHeaders: function(id) {
+                return options.customHeaders.get(id);
+            },
+            log: options.log,
+            onSend: options.onDelete,
+            onComplete: options.onDeleteComplete,
+            cors: options.cors
+        }));
+        qq.extend(this, {
+            sendDelete: function(id, uuid, additionalMandatedParams) {
+                var additionalOptions = additionalMandatedParams || {};
+                options.log("Submitting delete file request for " + id);
+                if (options.method === "DELETE") {
+                    requester.initTransport(id).withPath(uuid).withParams(additionalOptions).send();
+                } else {
+                    additionalOptions[options.uuidParamName] = uuid;
+                    requester.initTransport(id).withParams(additionalOptions).send();
+                }
+            }
+        });
+    };
+    (function() {
+        function detectSubsampling(img) {
+            var iw = img.naturalWidth, ih = img.naturalHeight, canvas = document.createElement("canvas"), ctx;
+            if (iw * ih > 1024 * 1024) {
+                canvas.width = canvas.height = 1;
+                ctx = canvas.getContext("2d");
+                ctx.drawImage(img, -iw + 1, 0);
+                return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
+            } else {
+                return false;
+            }
+        }
+        function detectVerticalSquash(img, iw, ih) {
+            var canvas = document.createElement("canvas"), sy = 0, ey = ih, py = ih, ctx, data, alpha, ratio;
+            canvas.width = 1;
+            canvas.height = ih;
+            ctx = canvas.getContext("2d");
+            ctx.drawImage(img, 0, 0);
+            data = ctx.getImageData(0, 0, 1, ih).data;
+            while (py > sy) {
+                alpha = data[(py - 1) * 4 + 3];
+                if (alpha === 0) {
+                    ey = py;
+                } else {
+                    sy = py;
+                }
+                py = ey + sy >> 1;
+            }
+            ratio = py / ih;
+            return ratio === 0 ? 1 : ratio;
+        }
+        function renderImageToDataURL(img, blob, options, doSquash) {
+            var canvas = document.createElement("canvas"), mime = options.mime || "image/jpeg", promise = new qq.Promise();
+            renderImageToCanvas(img, blob, canvas, options, doSquash).then(function() {
+                promise.success(canvas.toDataURL(mime, options.quality || .8));
+            });
+            return promise;
+        }
+        function maybeCalculateDownsampledDimensions(spec) {
+            var maxPixels = 5241e3;
+            if (!qq.ios()) {
+                throw new qq.Error("Downsampled dimensions can only be reliably calculated for iOS!");
+            }
+            if (spec.origHeight * spec.origWidth > maxPixels) {
+                return {
+                    newHeight: Math.round(Math.sqrt(maxPixels * (spec.origHeight / spec.origWidth))),
+                    newWidth: Math.round(Math.sqrt(maxPixels * (spec.origWidth / spec.origHeight)))
+                };
+            }
+        }
+        function renderImageToCanvas(img, blob, canvas, options, doSquash) {
+            var iw = img.naturalWidth, ih = img.naturalHeight, width = options.width, height = options.height, ctx = canvas.getContext("2d"), promise = new qq.Promise(), modifiedDimensions;
+            ctx.save();
+            if (options.resize) {
+                return renderImageToCanvasWithCustomResizer({
+                    blob: blob,
+                    canvas: canvas,
+                    image: img,
+                    imageHeight: ih,
+                    imageWidth: iw,
+                    orientation: options.orientation,
+                    resize: options.resize,
+                    targetHeight: height,
+                    targetWidth: width
+                });
+            }
+            if (!qq.supportedFeatures.unlimitedScaledImageSize) {
+                modifiedDimensions = maybeCalculateDownsampledDimensions({
+                    origWidth: width,
+                    origHeight: height
+                });
+                if (modifiedDimensions) {
+                    qq.log(qq.format("Had to reduce dimensions due to device limitations from {}w / {}h to {}w / {}h", width, height, modifiedDimensions.newWidth, modifiedDimensions.newHeight), "warn");
+                    width = modifiedDimensions.newWidth;
+                    height = modifiedDimensions.newHeight;
+                }
+            }
+            transformCoordinate(canvas, width, height, options.orientation);
+            if (qq.ios()) {
+                (function() {
+                    if (detectSubsampling(img)) {
+                        iw /= 2;
+                        ih /= 2;
+                    }
+                    var d = 1024, tmpCanvas = document.createElement("canvas"), vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1, dw = Math.ceil(d * width / iw), dh = Math.ceil(d * height / ih / vertSquashRatio), sy = 0, dy = 0, tmpCtx, sx, dx;
+                    tmpCanvas.width = tmpCanvas.height = d;
+                    tmpCtx = tmpCanvas.getContext("2d");
+                    while (sy < ih) {
+                        sx = 0;
+                        dx = 0;
+                        while (sx < iw) {
+                            tmpCtx.clearRect(0, 0, d, d);
+                            tmpCtx.drawImage(img, -sx, -sy);
+                            ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh);
+                            sx += d;
+                            dx += dw;
+                        }
+                        sy += d;
+                        dy += dh;
+                    }
+                    ctx.restore();
+                    tmpCanvas = tmpCtx = null;
+                })();
+            } else {
+                ctx.drawImage(img, 0, 0, width, height);
+            }
+            canvas.qqImageRendered && canvas.qqImageRendered();
+            promise.success();
+            return promise;
+        }
+        function renderImageToCanvasWithCustomResizer(resizeInfo) {
+            var blob = resizeInfo.blob, image = resizeInfo.image, imageHeight = resizeInfo.imageHeight, imageWidth = resizeInfo.imageWidth, orientation = resizeInfo.orientation, promise = new qq.Promise(), resize = resizeInfo.resize, sourceCanvas = document.createElement("canvas"), sourceCanvasContext = sourceCanvas.getContext("2d"), targetCanvas = resizeInfo.canvas, targetHeight = resizeInfo.targetHeight, targetWidth = resizeInfo.targetWidth;
+            transformCoordinate(sourceCanvas, imageWidth, imageHeight, orientation);
+            targetCanvas.height = targetHeight;
+            targetCanvas.width = targetWidth;
+            sourceCanvasContext.drawImage(image, 0, 0);
+            resize({
+                blob: blob,
+                height: targetHeight,
+                image: image,
+                sourceCanvas: sourceCanvas,
+                targetCanvas: targetCanvas,
+                width: targetWidth
+            }).then(function success() {
+                targetCanvas.qqImageRendered && targetCanvas.qqImageRendered();
+                promise.success();
+            }, promise.failure);
+            return promise;
+        }
+        function transformCoordinate(canvas, width, height, orientation) {
+            switch (orientation) {
+                case 5:
+                case 6:
+                case 7:
+                case 8:
+                    canvas.width = height;
+                    canvas.height = width;
+                    break;
+
+                default:
+                    canvas.width = width;
+                    canvas.height = height;
+            }
+            var ctx = canvas.getContext("2d");
+            switch (orientation) {
+                case 2:
+                    ctx.translate(width, 0);
+                    ctx.scale(-1, 1);
+                    break;
+
+                case 3:
+                    ctx.translate(width, height);
+                    ctx.rotate(Math.PI);
+                    break;
+
+                case 4:
+                    ctx.translate(0, height);
+                    ctx.scale(1, -1);
+                    break;
+
+                case 5:
+                    ctx.rotate(.5 * Math.PI);
+                    ctx.scale(1, -1);
+                    break;
+
+                case 6:
+                    ctx.rotate(.5 * Math.PI);
+                    ctx.translate(0, -height);
+                    break;
+
+                case 7:
+                    ctx.rotate(.5 * Math.PI);
+                    ctx.translate(width, -height);
+                    ctx.scale(-1, 1);
+                    break;
+
+                case 8:
+                    ctx.rotate(-.5 * Math.PI);
+                    ctx.translate(-width, 0);
+                    break;
+
+                default:
+                    break;
+            }
+        }
+        function MegaPixImage(srcImage, errorCallback) {
+            var self = this;
+            if (window.Blob && srcImage instanceof Blob) {
+                (function() {
+                    var img = new Image(), URL = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
+                    if (!URL) {
+                        throw Error("No createObjectURL function found to create blob url");
+                    }
+                    img.src = URL.createObjectURL(srcImage);
+                    self.blob = srcImage;
+                    srcImage = img;
+                })();
+            }
+            if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
+                srcImage.onload = function() {
+                    var listeners = self.imageLoadListeners;
+                    if (listeners) {
+                        self.imageLoadListeners = null;
+                        setTimeout(function() {
+                            for (var i = 0, len = listeners.length; i < len; i++) {
+                                listeners[i]();
+                            }
+                        }, 0);
+                    }
+                };
+                srcImage.onerror = errorCallback;
+                this.imageLoadListeners = [];
+            }
+            this.srcImage = srcImage;
+        }
+        MegaPixImage.prototype.render = function(target, options) {
+            options = options || {};
+            var self = this, imgWidth = this.srcImage.naturalWidth, imgHeight = this.srcImage.naturalHeight, width = options.width, height = options.height, maxWidth = options.maxWidth, maxHeight = options.maxHeight, doSquash = !this.blob || this.blob.type === "image/jpeg", tagName = target.tagName.toLowerCase(), opt;
+            if (this.imageLoadListeners) {
+                this.imageLoadListeners.push(function() {
+                    self.render(target, options);
+                });
+                return;
+            }
+            if (width && !height) {
+                height = imgHeight * width / imgWidth << 0;
+            } else if (height && !width) {
+                width = imgWidth * height / imgHeight << 0;
+            } else {
+                width = imgWidth;
+                height = imgHeight;
+            }
+            if (maxWidth && width > maxWidth) {
+                width = maxWidth;
+                height = imgHeight * width / imgWidth << 0;
+            }
+            if (maxHeight && height > maxHeight) {
+                height = maxHeight;
+                width = imgWidth * height / imgHeight << 0;
+            }
+            opt = {
+                width: width,
+                height: height
+            }, qq.each(options, function(optionsKey, optionsValue) {
+                opt[optionsKey] = optionsValue;
+            });
+            if (tagName === "img") {
+                (function() {
+                    var oldTargetSrc = target.src;
+                    renderImageToDataURL(self.srcImage, self.blob, opt, doSquash).then(function(dataUri) {
+                        target.src = dataUri;
+                        oldTargetSrc === target.src && target.onload && target.onload();
+                    });
+                })();
+            } else if (tagName === "canvas") {
+                renderImageToCanvas(this.srcImage, this.blob, target, opt, doSquash);
+            }
+            if (typeof this.onrender === "function") {
+                this.onrender(target);
+            }
+        };
+        qq.MegaPixImage = MegaPixImage;
+    })();
+    qq.ImageGenerator = function(log) {
+        "use strict";
+        function isImg(el) {
+            return el.tagName.toLowerCase() === "img";
+        }
+        function isCanvas(el) {
+            return el.tagName.toLowerCase() === "canvas";
+        }
+        function isImgCorsSupported() {
+            return new Image().crossOrigin !== undefined;
+        }
+        function isCanvasSupported() {
+            var canvas = document.createElement("canvas");
+            return canvas.getContext && canvas.getContext("2d");
+        }
+        function determineMimeOfFileName(nameWithPath) {
+            var pathSegments = nameWithPath.split("/"), name = pathSegments[pathSegments.length - 1].split("?")[0], extension = qq.getExtension(name);
+            extension = extension && extension.toLowerCase();
+            switch (extension) {
+                case "jpeg":
+                case "jpg":
+                    return "image/jpeg";
+
+                case "png":
+                    return "image/png";
+
+                case "bmp":
+                    return "image/bmp";
+
+                case "gif":
+                    return "image/gif";
+
+                case "tiff":
+                case "tif":
+                    return "image/tiff";
+            }
+        }
+        function isCrossOrigin(url) {
+            var targetAnchor = document.createElement("a"), targetProtocol, targetHostname, targetPort;
+            targetAnchor.href = url;
+            targetProtocol = targetAnchor.protocol;
+            targetPort = targetAnchor.port;
+            targetHostname = targetAnchor.hostname;
+            if (targetProtocol.toLowerCase() !== window.location.protocol.toLowerCase()) {
+                return true;
+            }
+            if (targetHostname.toLowerCase() !== window.location.hostname.toLowerCase()) {
+                return true;
+            }
+            if (targetPort !== window.location.port && !qq.ie()) {
+                return true;
+            }
+            return false;
+        }
+        function registerImgLoadListeners(img, promise) {
+            img.onload = function() {
+                img.onload = null;
+                img.onerror = null;
+                promise.success(img);
+            };
+            img.onerror = function() {
+                img.onload = null;
+                img.onerror = null;
+                log("Problem drawing thumbnail!", "error");
+                promise.failure(img, "Problem drawing thumbnail!");
+            };
+        }
+        function registerCanvasDrawImageListener(canvas, promise) {
+            canvas.qqImageRendered = function() {
+                promise.success(canvas);
+            };
+        }
+        function registerThumbnailRenderedListener(imgOrCanvas, promise) {
+            var registered = isImg(imgOrCanvas) || isCanvas(imgOrCanvas);
+            if (isImg(imgOrCanvas)) {
+                registerImgLoadListeners(imgOrCanvas, promise);
+            } else if (isCanvas(imgOrCanvas)) {
+                registerCanvasDrawImageListener(imgOrCanvas, promise);
+            } else {
+                promise.failure(imgOrCanvas);
+                log(qq.format("Element container of type {} is not supported!", imgOrCanvas.tagName), "error");
+            }
+            return registered;
+        }
+        function draw(fileOrBlob, container, options) {
+            var drawPreview = new qq.Promise(), identifier = new qq.Identify(fileOrBlob, log), maxSize = options.maxSize, orient = options.orient == null ? true : options.orient, megapixErrorHandler = function() {
+                container.onerror = null;
+                container.onload = null;
+                log("Could not render preview, file may be too large!", "error");
+                drawPreview.failure(container, "Browser cannot render image!");
+            };
+            identifier.isPreviewable().then(function(mime) {
+                var dummyExif = {
+                    parse: function() {
+                        return new qq.Promise().success();
+                    }
+                }, exif = orient ? new qq.Exif(fileOrBlob, log) : dummyExif, mpImg = new qq.MegaPixImage(fileOrBlob, megapixErrorHandler);
+                if (registerThumbnailRenderedListener(container, drawPreview)) {
+                    exif.parse().then(function(exif) {
+                        var orientation = exif && exif.Orientation;
+                        mpImg.render(container, {
+                            maxWidth: maxSize,
+                            maxHeight: maxSize,
+                            orientation: orientation,
+                            mime: mime,
+                            resize: options.customResizeFunction
+                        });
+                    }, function(failureMsg) {
+                        log(qq.format("EXIF data could not be parsed ({}).  Assuming orientation = 1.", failureMsg));
+                        mpImg.render(container, {
+                            maxWidth: maxSize,
+                            maxHeight: maxSize,
+                            mime: mime,
+                            resize: options.customResizeFunction
+                        });
+                    });
+                }
+            }, function() {
+                log("Not previewable");
+                drawPreview.failure(container, "Not previewable");
+            });
+            return drawPreview;
+        }
+        function drawOnCanvasOrImgFromUrl(url, canvasOrImg, draw, maxSize, customResizeFunction) {
+            var tempImg = new Image(), tempImgRender = new qq.Promise();
+            registerThumbnailRenderedListener(tempImg, tempImgRender);
+            if (isCrossOrigin(url)) {
+                tempImg.crossOrigin = "anonymous";
+            }
+            tempImg.src = url;
+            tempImgRender.then(function rendered() {
+                registerThumbnailRenderedListener(canvasOrImg, draw);
+                var mpImg = new qq.MegaPixImage(tempImg);
+                mpImg.render(canvasOrImg, {
+                    maxWidth: maxSize,
+                    maxHeight: maxSize,
+                    mime: determineMimeOfFileName(url),
+                    resize: customResizeFunction
+                });
+            }, draw.failure);
+        }
+        function drawOnImgFromUrlWithCssScaling(url, img, draw, maxSize) {
+            registerThumbnailRenderedListener(img, draw);
+            qq(img).css({
+                maxWidth: maxSize + "px",
+                maxHeight: maxSize + "px"
+            });
+            img.src = url;
+        }
+        function drawFromUrl(url, container, options) {
+            var draw = new qq.Promise(), scale = options.scale, maxSize = scale ? options.maxSize : null;
+            if (scale && isImg(container)) {
+                if (isCanvasSupported()) {
+                    if (isCrossOrigin(url) && !isImgCorsSupported()) {
+                        drawOnImgFromUrlWithCssScaling(url, container, draw, maxSize);
+                    } else {
+                        drawOnCanvasOrImgFromUrl(url, container, draw, maxSize);
+                    }
+                } else {
+                    drawOnImgFromUrlWithCssScaling(url, container, draw, maxSize);
+                }
+            } else if (isCanvas(container)) {
+                drawOnCanvasOrImgFromUrl(url, container, draw, maxSize);
+            } else if (registerThumbnailRenderedListener(container, draw)) {
+                container.src = url;
+            }
+            return draw;
+        }
+        qq.extend(this, {
+            generate: function(fileBlobOrUrl, container, options) {
+                if (qq.isString(fileBlobOrUrl)) {
+                    log("Attempting to update thumbnail based on server response.");
+                    return drawFromUrl(fileBlobOrUrl, container, options || {});
+                } else {
+                    log("Attempting to draw client-side image preview.");
+                    return draw(fileBlobOrUrl, container, options || {});
+                }
+            }
+        });
+        this._testing = {};
+        this._testing.isImg = isImg;
+        this._testing.isCanvas = isCanvas;
+        this._testing.isCrossOrigin = isCrossOrigin;
+        this._testing.determineMimeOfFileName = determineMimeOfFileName;
+    };
+    qq.Exif = function(fileOrBlob, log) {
+        "use strict";
+        var TAG_IDS = [ 274 ], TAG_INFO = {
+            274: {
+                name: "Orientation",
+                bytes: 2
+            }
+        };
+        function parseLittleEndian(hex) {
+            var result = 0, pow = 0;
+            while (hex.length > 0) {
+                result += parseInt(hex.substring(0, 2), 16) * Math.pow(2, pow);
+                hex = hex.substring(2, hex.length);
+                pow += 8;
+            }
+            return result;
+        }
+        function seekToApp1(offset, promise) {
+            var theOffset = offset, thePromise = promise;
+            if (theOffset === undefined) {
+                theOffset = 2;
+                thePromise = new qq.Promise();
+            }
+            qq.readBlobToHex(fileOrBlob, theOffset, 4).then(function(hex) {
+                var match = /^ffe([0-9])/.exec(hex), segmentLength;
+                if (match) {
+                    if (match[1] !== "1") {
+                        segmentLength = parseInt(hex.slice(4, 8), 16);
+                        seekToApp1(theOffset + segmentLength + 2, thePromise);
+                    } else {
+                        thePromise.success(theOffset);
+                    }
+                } else {
+                    thePromise.failure("No EXIF header to be found!");
+                }
+            });
+            return thePromise;
+        }
+        function getApp1Offset() {
+            var promise = new qq.Promise();
+            qq.readBlobToHex(fileOrBlob, 0, 6).then(function(hex) {
+                if (hex.indexOf("ffd8") !== 0) {
+                    promise.failure("Not a valid JPEG!");
+                } else {
+                    seekToApp1().then(function(offset) {
+                        promise.success(offset);
+                    }, function(error) {
+                        promise.failure(error);
+                    });
+                }
+            });
+            return promise;
+        }
+        function isLittleEndian(app1Start) {
+            var promise = new qq.Promise();
+            qq.readBlobToHex(fileOrBlob, app1Start + 10, 2).then(function(hex) {
+                promise.success(hex === "4949");
+            });
+            return promise;
+        }
+        function getDirEntryCount(app1Start, littleEndian) {
+            var promise = new qq.Promise();
+            qq.readBlobToHex(fileOrBlob, app1Start + 18, 2).then(function(hex) {
+                if (littleEndian) {
+                    return promise.success(parseLittleEndian(hex));
+                } else {
+                    promise.success(parseInt(hex, 16));
+                }
+            });
+            return promise;
+        }
+        function getIfd(app1Start, dirEntries) {
+            var offset = app1Start + 20, bytes = dirEntries * 12;
+            return qq.readBlobToHex(fileOrBlob, offset, bytes);
+        }
+        function getDirEntries(ifdHex) {
+            var entries = [], offset = 0;
+            while (offset + 24 <= ifdHex.length) {
+                entries.push(ifdHex.slice(offset, offset + 24));
+                offset += 24;
+            }
+            return entries;
+        }
+        function getTagValues(littleEndian, dirEntries) {
+            var TAG_VAL_OFFSET = 16, tagsToFind = qq.extend([], TAG_IDS), vals = {};
+            qq.each(dirEntries, function(idx, entry) {
+                var idHex = entry.slice(0, 4), id = littleEndian ? parseLittleEndian(idHex) : parseInt(idHex, 16), tagsToFindIdx = tagsToFind.indexOf(id), tagValHex, tagName, tagValLength;
+                if (tagsToFindIdx >= 0) {
+                    tagName = TAG_INFO[id].name;
+                    tagValLength = TAG_INFO[id].bytes;
+                    tagValHex = entry.slice(TAG_VAL_OFFSET, TAG_VAL_OFFSET + tagValLength * 2);
+                    vals[tagName] = littleEndian ? parseLittleEndian(tagValHex) : parseInt(tagValHex, 16);
+                    tagsToFind.splice(tagsToFindIdx, 1);
+                }
+                if (tagsToFind.length === 0) {
+                    return false;
+                }
+            });
+            return vals;
+        }
+        qq.extend(this, {
+            parse: function() {
+                var parser = new qq.Promise(), onParseFailure = function(message) {
+                    log(qq.format("EXIF header parse failed: '{}' ", message));
+                    parser.failure(message);
+                };
+                getApp1Offset().then(function(app1Offset) {
+                    log(qq.format("Moving forward with EXIF header parsing for '{}'", fileOrBlob.name === undefined ? "blob" : fileOrBlob.name));
+                    isLittleEndian(app1Offset).then(function(littleEndian) {
+                        log(qq.format("EXIF Byte order is {} endian", littleEndian ? "little" : "big"));
+                        getDirEntryCount(app1Offset, littleEndian).then(function(dirEntryCount) {
+                            log(qq.format("Found {} APP1 directory entries", dirEntryCount));
+                            getIfd(app1Offset, dirEntryCount).then(function(ifdHex) {
+                                var dirEntries = getDirEntries(ifdHex), tagValues = getTagValues(littleEndian, dirEntries);
+                                log("Successfully parsed some EXIF tags");
+                                parser.success(tagValues);
+                            }, onParseFailure);
+                        }, onParseFailure);
+                    }, onParseFailure);
+                }, onParseFailure);
+                return parser;
+            }
+        });
+        this._testing = {};
+        this._testing.parseLittleEndian = parseLittleEndian;
+    };
+    qq.Identify = function(fileOrBlob, log) {
+        "use strict";
+        function isIdentifiable(magicBytes, questionableBytes) {
+            var identifiable = false, magicBytesEntries = [].concat(magicBytes);
+            qq.each(magicBytesEntries, function(idx, magicBytesArrayEntry) {
+                if (questionableBytes.indexOf(magicBytesArrayEntry) === 0) {
+                    identifiable = true;
+                    return false;
+                }
+            });
+            return identifiable;
+        }
+        qq.extend(this, {
+            isPreviewable: function() {
+                var self = this, identifier = new qq.Promise(), previewable = false, name = fileOrBlob.name === undefined ? "blob" : fileOrBlob.name;
+                log(qq.format("Attempting to determine if {} can be rendered in this browser", name));
+                log("First pass: check type attribute of blob object.");
+                if (this.isPreviewableSync()) {
+                    log("Second pass: check for magic bytes in file header.");
+                    qq.readBlobToHex(fileOrBlob, 0, 4).then(function(hex) {
+                        qq.each(self.PREVIEWABLE_MIME_TYPES, function(mime, bytes) {
+                            if (isIdentifiable(bytes, hex)) {
+                                if (mime !== "image/tiff" || qq.supportedFeatures.tiffPreviews) {
+                                    previewable = true;
+                                    identifier.success(mime);
+                                }
+                                return false;
+                            }
+                        });
+                        log(qq.format("'{}' is {} able to be rendered in this browser", name, previewable ? "" : "NOT"));
+                        if (!previewable) {
+                            identifier.failure();
+                        }
+                    }, function() {
+                        log("Error reading file w/ name '" + name + "'.  Not able to be rendered in this browser.");
+                        identifier.failure();
+                    });
+                } else {
+                    identifier.failure();
+                }
+                return identifier;
+            },
+            isPreviewableSync: function() {
+                var fileMime = fileOrBlob.type, isRecognizedImage = qq.indexOf(Object.keys(this.PREVIEWABLE_MIME_TYPES), fileMime) >= 0, previewable = false, name = fileOrBlob.name === undefined ? "blob" : fileOrBlob.name;
+                if (isRecognizedImage) {
+                    if (fileMime === "image/tiff") {
+                        previewable = qq.supportedFeatures.tiffPreviews;
+                    } else {
+                        previewable = true;
+                    }
+                }
+                !previewable && log(name + " is not previewable in this browser per the blob's type attr");
+                return previewable;
+            }
+        });
+    };
+    qq.Identify.prototype.PREVIEWABLE_MIME_TYPES = {
+        "image/jpeg": "ffd8ff",
+        "image/gif": "474946",
+        "image/png": "89504e",
+        "image/bmp": "424d",
+        "image/tiff": [ "49492a00", "4d4d002a" ]
+    };
+    qq.ImageValidation = function(blob, log) {
+        "use strict";
+        function hasNonZeroLimits(limits) {
+            var atLeastOne = false;
+            qq.each(limits, function(limit, value) {
+                if (value > 0) {
+                    atLeastOne = true;
+                    return false;
+                }
+            });
+            return atLeastOne;
+        }
+        function getWidthHeight() {
+            var sizeDetermination = new qq.Promise();
+            new qq.Identify(blob, log).isPreviewable().then(function() {
+                var image = new Image(), url = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
+                if (url) {
+                    image.onerror = function() {
+                        log("Cannot determine dimensions for image.  May be too large.", "error");
+                        sizeDetermination.failure();
+                    };
+                    image.onload = function() {
+                        sizeDetermination.success({
+                            width: this.width,
+                            height: this.height
+                        });
+                    };
+                    image.src = url.createObjectURL(blob);
+                } else {
+                    log("No createObjectURL function available to generate image URL!", "error");
+                    sizeDetermination.failure();
+                }
+            }, sizeDetermination.failure);
+            return sizeDetermination;
+        }
+        function getFailingLimit(limits, dimensions) {
+            var failingLimit;
+            qq.each(limits, function(limitName, limitValue) {
+                if (limitValue > 0) {
+                    var limitMatcher = /(max|min)(Width|Height)/.exec(limitName), dimensionPropName = limitMatcher[2].charAt(0).toLowerCase() + limitMatcher[2].slice(1), actualValue = dimensions[dimensionPropName];
+                    switch (limitMatcher[1]) {
+                        case "min":
+                            if (actualValue < limitValue) {
+                                failingLimit = limitName;
+                                return false;
+                            }
+                            break;
+
+                        case "max":
+                            if (actualValue > limitValue) {
+                                failingLimit = limitName;
+                                return false;
+                            }
+                            break;
+                    }
+                }
+            });
+            return failingLimit;
+        }
+        this.validate = function(limits) {
+            var validationEffort = new qq.Promise();
+            log("Attempting to validate image.");
+            if (hasNonZeroLimits(limits)) {
+                getWidthHeight().then(function(dimensions) {
+                    var failingLimit = getFailingLimit(limits, dimensions);
+                    if (failingLimit) {
+                        validationEffort.failure(failingLimit);
+                    } else {
+                        validationEffort.success();
+                    }
+                }, validationEffort.success);
+            } else {
+                validationEffort.success();
+            }
+            return validationEffort;
+        };
+    };
+    qq.Session = function(spec) {
+        "use strict";
+        var options = {
+            endpoint: null,
+            params: {},
+            customHeaders: {},
+            cors: {},
+            addFileRecord: function(sessionData) {},
+            log: function(message, level) {}
+        };
+        qq.extend(options, spec, true);
+        function isJsonResponseValid(response) {
+            if (qq.isArray(response)) {
+                return true;
+            }
+            options.log("Session response is not an array.", "error");
+        }
+        function handleFileItems(fileItems, success, xhrOrXdr, promise) {
+            var someItemsIgnored = false;
+            success = success && isJsonResponseValid(fileItems);
+            if (success) {
+                qq.each(fileItems, function(idx, fileItem) {
+                    if (fileItem.uuid == null) {
+                        someItemsIgnored = true;
+                        options.log(qq.format("Session response item {} did not include a valid UUID - ignoring.", idx), "error");
+                    } else if (fileItem.name == null) {
+                        someItemsIgnored = true;
+                        options.log(qq.format("Session response item {} did not include a valid name - ignoring.", idx), "error");
+                    } else {
+                        try {
+                            options.addFileRecord(fileItem);
+                            return true;
+                        } catch (err) {
+                            someItemsIgnored = true;
+                            options.log(err.message, "error");
+                        }
+                    }
+                    return false;
+                });
+            }
+            promise[success && !someItemsIgnored ? "success" : "failure"](fileItems, xhrOrXdr);
+        }
+        this.refresh = function() {
+            var refreshEffort = new qq.Promise(), refreshCompleteCallback = function(response, success, xhrOrXdr) {
+                handleFileItems(response, success, xhrOrXdr, refreshEffort);
+            }, requesterOptions = qq.extend({}, options), requester = new qq.SessionAjaxRequester(qq.extend(requesterOptions, {
+                onComplete: refreshCompleteCallback
+            }));
+            requester.queryServer();
+            return refreshEffort;
+        };
+    };
+    qq.SessionAjaxRequester = function(spec) {
+        "use strict";
+        var requester, options = {
+            endpoint: null,
+            customHeaders: {},
+            params: {},
+            cors: {
+                expected: false,
+                sendCredentials: false
+            },
+            onComplete: function(response, success, xhrOrXdr) {},
+            log: function(str, level) {}
+        };
+        qq.extend(options, spec);
+        function onComplete(id, xhrOrXdr, isError) {
+            var response = null;
+            if (xhrOrXdr.responseText != null) {
+                try {
+                    response = qq.parseJson(xhrOrXdr.responseText);
+                } catch (err) {
+                    options.log("Problem parsing session response: " + err.message, "error");
+                    isError = true;
+                }
+            }
+            options.onComplete(response, !isError, xhrOrXdr);
+        }
+        requester = qq.extend(this, new qq.AjaxRequester({
+            acceptHeader: "application/json",
+            validMethods: [ "GET" ],
+            method: "GET",
+            endpointStore: {
+                get: function() {
+                    return options.endpoint;
+                }
+            },
+            customHeaders: options.customHeaders,
+            log: options.log,
+            onComplete: onComplete,
+            cors: options.cors
+        }));
+        qq.extend(this, {
+            queryServer: function() {
+                var params = qq.extend({}, options.params);
+                options.log("Session query request.");
+                requester.initTransport("sessionRefresh").withParams(params).withCacheBuster().send();
+            }
+        });
+    };
+    qq.Scaler = function(spec, log) {
+        "use strict";
+        var self = this, customResizeFunction = spec.customResizer, includeOriginal = spec.sendOriginal, orient = spec.orient, defaultType = spec.defaultType, defaultQuality = spec.defaultQuality / 100, failedToScaleText = spec.failureText, includeExif = spec.includeExif, sizes = this._getSortedSizes(spec.sizes);
+        qq.extend(this, {
+            enabled: qq.supportedFeatures.scaling && sizes.length > 0,
+            getFileRecords: function(originalFileUuid, originalFileName, originalBlobOrBlobData) {
+                var self = this, records = [], originalBlob = originalBlobOrBlobData.blob ? originalBlobOrBlobData.blob : originalBlobOrBlobData, identifier = new qq.Identify(originalBlob, log);
+                if (identifier.isPreviewableSync()) {
+                    qq.each(sizes, function(idx, sizeRecord) {
+                        var outputType = self._determineOutputType({
+                            defaultType: defaultType,
+                            requestedType: sizeRecord.type,
+                            refType: originalBlob.type
+                        });
+                        records.push({
+                            uuid: qq.getUniqueId(),
+                            name: self._getName(originalFileName, {
+                                name: sizeRecord.name,
+                                type: outputType,
+                                refType: originalBlob.type
+                            }),
+                            blob: new qq.BlobProxy(originalBlob, qq.bind(self._generateScaledImage, self, {
+                                customResizeFunction: customResizeFunction,
+                                maxSize: sizeRecord.maxSize,
+                                orient: orient,
+                                type: outputType,
+                                quality: defaultQuality,
+                                failedText: failedToScaleText,
+                                includeExif: includeExif,
+                                log: log
+                            }))
+                        });
+                    });
+                    records.push({
+                        uuid: originalFileUuid,
+                        name: originalFileName,
+                        size: originalBlob.size,
+                        blob: includeOriginal ? originalBlob : null
+                    });
+                } else {
+                    records.push({
+                        uuid: originalFileUuid,
+                        name: originalFileName,
+                        size: originalBlob.size,
+                        blob: originalBlob
+                    });
+                }
+                return records;
+            },
+            handleNewFile: function(file, name, uuid, size, fileList, batchId, uuidParamName, api) {
+                var self = this, buttonId = file.qqButtonId || file.blob && file.blob.qqButtonId, scaledIds = [], originalId = null, addFileToHandler = api.addFileToHandler, uploadData = api.uploadData, paramsStore = api.paramsStore, proxyGroupId = qq.getUniqueId();
+                qq.each(self.getFileRecords(uuid, name, file), function(idx, record) {
+                    var blobSize = record.size, id;
+                    if (record.blob instanceof qq.BlobProxy) {
+                        blobSize = -1;
+                    }
+                    id = uploadData.addFile({
+                        uuid: record.uuid,
+                        name: record.name,
+                        size: blobSize,
+                        batchId: batchId,
+                        proxyGroupId: proxyGroupId
+                    });
+                    if (record.blob instanceof qq.BlobProxy) {
+                        scaledIds.push(id);
+                    } else {
+                        originalId = id;
+                    }
+                    if (record.blob) {
+                        addFileToHandler(id, record.blob);
+                        fileList.push({
+                            id: id,
+                            file: record.blob
+                        });
+                    } else {
+                        uploadData.setStatus(id, qq.status.REJECTED);
+                    }
+                });
+                if (originalId !== null) {
+                    qq.each(scaledIds, function(idx, scaledId) {
+                        var params = {
+                            qqparentuuid: uploadData.retrieve({
+                                id: originalId
+                            }).uuid,
+                            qqparentsize: uploadData.retrieve({
+                                id: originalId
+                            }).size
+                        };
+                        params[uuidParamName] = uploadData.retrieve({
+                            id: scaledId
+                        }).uuid;
+                        uploadData.setParentId(scaledId, originalId);
+                        paramsStore.addReadOnly(scaledId, params);
+                    });
+                    if (scaledIds.length) {
+                        (function() {
+                            var param = {};
+                            param[uuidParamName] = uploadData.retrieve({
+                                id: originalId
+                            }).uuid;
+                            paramsStore.addReadOnly(originalId, param);
+                        })();
+                    }
+                }
+            }
+        });
+    };
+    qq.extend(qq.Scaler.prototype, {
+        scaleImage: function(id, specs, api) {
+            "use strict";
+            if (!qq.supportedFeatures.scaling) {
+                throw new qq.Error("Scaling is not supported in this browser!");
+            }
+            var scalingEffort = new qq.Promise(), log = api.log, file = api.getFile(id), uploadData = api.uploadData.retrieve({
+                id: id
+            }), name = uploadData && uploadData.name, uuid = uploadData && uploadData.uuid, scalingOptions = {
+                customResizer: specs.customResizer,
+                sendOriginal: false,
+                orient: specs.orient,
+                defaultType: specs.type || null,
+                defaultQuality: specs.quality,
+                failedToScaleText: "Unable to scale",
+                sizes: [ {
+                    name: "",
+                    maxSize: specs.maxSize
+                } ]
+            }, scaler = new qq.Scaler(scalingOptions, log);
+            if (!qq.Scaler || !qq.supportedFeatures.imagePreviews || !file) {
+                scalingEffort.failure();
+                log("Could not generate requested scaled image for " + id + ".  " + "Scaling is either not possible in this browser, or the file could not be located.", "error");
+            } else {
+                qq.bind(function() {
+                    var record = scaler.getFileRecords(uuid, name, file)[0];
+                    if (record && record.blob instanceof qq.BlobProxy) {
+                        record.blob.create().then(scalingEffort.success, scalingEffort.failure);
+                    } else {
+                        log(id + " is not a scalable image!", "error");
+                        scalingEffort.failure();
+                    }
+                }, this)();
+            }
+            return scalingEffort;
+        },
+        _determineOutputType: function(spec) {
+            "use strict";
+            var requestedType = spec.requestedType, defaultType = spec.defaultType, referenceType = spec.refType;
+            if (!defaultType && !requestedType) {
+                if (referenceType !== "image/jpeg") {
+                    return "image/png";
+                }
+                return referenceType;
+            }
+            if (!requestedType) {
+                return defaultType;
+            }
+            if (qq.indexOf(Object.keys(qq.Identify.prototype.PREVIEWABLE_MIME_TYPES), requestedType) >= 0) {
+                if (requestedType === "image/tiff") {
+                    return qq.supportedFeatures.tiffPreviews ? requestedType : defaultType;
+                }
+                return requestedType;
+            }
+            return defaultType;
+        },
+        _getName: function(originalName, scaledVersionProperties) {
+            "use strict";
+            var startOfExt = originalName.lastIndexOf("."), versionType = scaledVersionProperties.type || "image/png", referenceType = scaledVersionProperties.refType, scaledName = "", scaledExt = qq.getExtension(originalName), nameAppendage = "";
+            if (scaledVersionProperties.name && scaledVersionProperties.name.trim().length) {
+                nameAppendage = " (" + scaledVersionProperties.name + ")";
+            }
+            if (startOfExt >= 0) {
+                scaledName = originalName.substr(0, startOfExt);
+                if (referenceType !== versionType) {
+                    scaledExt = versionType.split("/")[1];
+                }
+                scaledName += nameAppendage + "." + scaledExt;
+            } else {
+                scaledName = originalName + nameAppendage;
+            }
+            return scaledName;
+        },
+        _getSortedSizes: function(sizes) {
+            "use strict";
+            sizes = qq.extend([], sizes);
+            return sizes.sort(function(a, b) {
+                if (a.maxSize > b.maxSize) {
+                    return 1;
+                }
+                if (a.maxSize < b.maxSize) {
+                    return -1;
+                }
+                return 0;
+            });
+        },
+        _generateScaledImage: function(spec, sourceFile) {
+            "use strict";
+            var self = this, customResizeFunction = spec.customResizeFunction, log = spec.log, maxSize = spec.maxSize, orient = spec.orient, type = spec.type, quality = spec.quality, failedText = spec.failedText, includeExif = spec.includeExif && sourceFile.type === "image/jpeg" && type === "image/jpeg", scalingEffort = new qq.Promise(), imageGenerator = new qq.ImageGenerator(log), canvas = document.createElement("canvas");
+            log("Attempting to generate scaled version for " + sourceFile.name);
+            imageGenerator.generate(sourceFile, canvas, {
+                maxSize: maxSize,
+                orient: orient,
+                customResizeFunction: customResizeFunction
+            }).then(function() {
+                var scaledImageDataUri = canvas.toDataURL(type, quality), signalSuccess = function() {
+                    log("Success generating scaled version for " + sourceFile.name);
+                    var blob = qq.dataUriToBlob(scaledImageDataUri);
+                    scalingEffort.success(blob);
+                };
+                if (includeExif) {
+                    self._insertExifHeader(sourceFile, scaledImageDataUri, log).then(function(scaledImageDataUriWithExif) {
+                        scaledImageDataUri = scaledImageDataUriWithExif;
+                        signalSuccess();
+                    }, function() {
+                        log("Problem inserting EXIF header into scaled image.  Using scaled image w/out EXIF data.", "error");
+                        signalSuccess();
+                    });
+                } else {
+                    signalSuccess();
+                }
+            }, function() {
+                log("Failed attempt to generate scaled version for " + sourceFile.name, "error");
+                scalingEffort.failure(failedText);
+            });
+            return scalingEffort;
+        },
+        _insertExifHeader: function(originalImage, scaledImageDataUri, log) {
+            "use strict";
+            var reader = new FileReader(), insertionEffort = new qq.Promise(), originalImageDataUri = "";
+            reader.onload = function() {
+                originalImageDataUri = reader.result;
+                insertionEffort.success(qq.ExifRestorer.restore(originalImageDataUri, scaledImageDataUri));
+            };
+            reader.onerror = function() {
+                log("Problem reading " + originalImage.name + " during attempt to transfer EXIF data to scaled version.", "error");
+                insertionEffort.failure();
+            };
+            reader.readAsDataURL(originalImage);
+            return insertionEffort;
+        },
+        _dataUriToBlob: function(dataUri) {
+            "use strict";
+            var byteString, mimeString, arrayBuffer, intArray;
+            if (dataUri.split(",")[0].indexOf("base64") >= 0) {
+                byteString = atob(dataUri.split(",")[1]);
+            } else {
+                byteString = decodeURI(dataUri.split(",")[1]);
+            }
+            mimeString = dataUri.split(",")[0].split(":")[1].split(";")[0];
+            arrayBuffer = new ArrayBuffer(byteString.length);
+            intArray = new Uint8Array(arrayBuffer);
+            qq.each(byteString, function(idx, character) {
+                intArray[idx] = character.charCodeAt(0);
+            });
+            return this._createBlob(arrayBuffer, mimeString);
+        },
+        _createBlob: function(data, mime) {
+            "use strict";
+            var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder, blobBuilder = BlobBuilder && new BlobBuilder();
+            if (blobBuilder) {
+                blobBuilder.append(data);
+                return blobBuilder.getBlob(mime);
+            } else {
+                return new Blob([ data ], {
+                    type: mime
+                });
+            }
+        }
+    });
+    qq.ExifRestorer = function() {
+        var ExifRestorer = {};
+        ExifRestorer.KEY_STR = "ABCDEFGHIJKLMNOP" + "QRSTUVWXYZabcdef" + "ghijklmnopqrstuv" + "wxyz0123456789+/" + "=";
+        ExifRestorer.encode64 = function(input) {
+            var output = "", chr1, chr2, chr3 = "", enc1, enc2, enc3, enc4 = "", i = 0;
+            do {
+                chr1 = input[i++];
+                chr2 = input[i++];
+                chr3 = input[i++];
+                enc1 = chr1 >> 2;
+                enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+                enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+                enc4 = chr3 & 63;
+                if (isNaN(chr2)) {
+                    enc3 = enc4 = 64;
+                } else if (isNaN(chr3)) {
+                    enc4 = 64;
+                }
+                output = output + this.KEY_STR.charAt(enc1) + this.KEY_STR.charAt(enc2) + this.KEY_STR.charAt(enc3) + this.KEY_STR.charAt(enc4);
+                chr1 = chr2 = chr3 = "";
+                enc1 = enc2 = enc3 = enc4 = "";
+            } while (i < input.length);
+            return output;
+        };
+        ExifRestorer.restore = function(origFileBase64, resizedFileBase64) {
+            var expectedBase64Header = "data:image/jpeg;base64,";
+            if (!origFileBase64.match(expectedBase64Header)) {
+                return resizedFileBase64;
+            }
+            var rawImage = this.decode64(origFileBase64.replace(expectedBase64Header, ""));
+            var segments = this.slice2Segments(rawImage);
+            var image = this.exifManipulation(resizedFileBase64, segments);
+            return expectedBase64Header + this.encode64(image);
+        };
+        ExifRestorer.exifManipulation = function(resizedFileBase64, segments) {
+            var exifArray = this.getExifArray(segments), newImageArray = this.insertExif(resizedFileBase64, exifArray), aBuffer = new Uint8Array(newImageArray);
+            return aBuffer;
+        };
+        ExifRestorer.getExifArray = function(segments) {
+            var seg;
+            for (var x = 0; x < segments.length; x++) {
+                seg = segments[x];
+                if (seg[0] == 255 & seg[1] == 225) {
+                    return seg;
+                }
+            }
+            return [];
+        };
+        ExifRestorer.insertExif = function(resizedFileBase64, exifArray) {
+            var imageData = resizedFileBase64.replace("data:image/jpeg;base64,", ""), buf = this.decode64(imageData), separatePoint = buf.indexOf(255, 3), mae = buf.slice(0, separatePoint), ato = buf.slice(separatePoint), array = mae;
+            array = array.concat(exifArray);
+            array = array.concat(ato);
+            return array;
+        };
+        ExifRestorer.slice2Segments = function(rawImageArray) {
+            var head = 0, segments = [];
+            while (1) {
+                if (rawImageArray[head] == 255 & rawImageArray[head + 1] == 218) {
+                    break;
+                }
+                if (rawImageArray[head] == 255 & rawImageArray[head + 1] == 216) {
+                    head += 2;
+                } else {
+                    var length = rawImageArray[head + 2] * 256 + rawImageArray[head + 3], endPoint = head + length + 2, seg = rawImageArray.slice(head, endPoint);
+                    segments.push(seg);
+                    head = endPoint;
+                }
+                if (head > rawImageArray.length) {
+                    break;
+                }
+            }
+            return segments;
+        };
+        ExifRestorer.decode64 = function(input) {
+            var output = "", chr1, chr2, chr3 = "", enc1, enc2, enc3, enc4 = "", i = 0, buf = [];
+            var base64test = /[^A-Za-z0-9\+\/\=]/g;
+            if (base64test.exec(input)) {
+                throw new Error("There were invalid base64 characters in the input text.  " + "Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='");
+            }
+            input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+            do {
+                enc1 = this.KEY_STR.indexOf(input.charAt(i++));
+                enc2 = this.KEY_STR.indexOf(input.charAt(i++));
+                enc3 = this.KEY_STR.indexOf(input.charAt(i++));
+                enc4 = this.KEY_STR.indexOf(input.charAt(i++));
+                chr1 = enc1 << 2 | enc2 >> 4;
+                chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+                chr3 = (enc3 & 3) << 6 | enc4;
+                buf.push(chr1);
+                if (enc3 != 64) {
+                    buf.push(chr2);
+                }
+                if (enc4 != 64) {
+                    buf.push(chr3);
+                }
+                chr1 = chr2 = chr3 = "";
+                enc1 = enc2 = enc3 = enc4 = "";
+            } while (i < input.length);
+            return buf;
+        };
+        return ExifRestorer;
+    }();
+    qq.TotalProgress = function(callback, getSize) {
+        "use strict";
+        var perFileProgress = {}, totalLoaded = 0, totalSize = 0, lastLoadedSent = -1, lastTotalSent = -1, callbackProxy = function(loaded, total) {
+            if (loaded !== lastLoadedSent || total !== lastTotalSent) {
+                callback(loaded, total);
+            }
+            lastLoadedSent = loaded;
+            lastTotalSent = total;
+        }, noRetryableFiles = function(failed, retryable) {
+            var none = true;
+            qq.each(failed, function(idx, failedId) {
+                if (qq.indexOf(retryable, failedId) >= 0) {
+                    none = false;
+                    return false;
+                }
+            });
+            return none;
+        }, onCancel = function(id) {
+            updateTotalProgress(id, -1, -1);
+            delete perFileProgress[id];
+        }, onAllComplete = function(successful, failed, retryable) {
+            if (failed.length === 0 || noRetryableFiles(failed, retryable)) {
+                callbackProxy(totalSize, totalSize);
+                this.reset();
+            }
+        }, onNew = function(id) {
+            var size = getSize(id);
+            if (size > 0) {
+                updateTotalProgress(id, 0, size);
+                perFileProgress[id] = {
+                    loaded: 0,
+                    total: size
+                };
+            }
+        }, updateTotalProgress = function(id, newLoaded, newTotal) {
+            var oldLoaded = perFileProgress[id] ? perFileProgress[id].loaded : 0, oldTotal = perFileProgress[id] ? perFileProgress[id].total : 0;
+            if (newLoaded === -1 && newTotal === -1) {
+                totalLoaded -= oldLoaded;
+                totalSize -= oldTotal;
+            } else {
+                if (newLoaded) {
+                    totalLoaded += newLoaded - oldLoaded;
+                }
+                if (newTotal) {
+                    totalSize += newTotal - oldTotal;
+                }
+            }
+            callbackProxy(totalLoaded, totalSize);
+        };
+        qq.extend(this, {
+            onAllComplete: onAllComplete,
+            onStatusChange: function(id, oldStatus, newStatus) {
+                if (newStatus === qq.status.CANCELED || newStatus === qq.status.REJECTED) {
+                    onCancel(id);
+                } else if (newStatus === qq.status.SUBMITTING) {
+                    onNew(id);
+                }
+            },
+            onIndividualProgress: function(id, loaded, total) {
+                updateTotalProgress(id, loaded, total);
+                perFileProgress[id] = {
+                    loaded: loaded,
+                    total: total
+                };
+            },
+            onNewSize: function(id) {
+                onNew(id);
+            },
+            reset: function() {
+                perFileProgress = {};
+                totalLoaded = 0;
+                totalSize = 0;
+            }
+        });
+    };
+    qq.PasteSupport = function(o) {
+        "use strict";
+        var options, detachPasteHandler;
+        options = {
+            targetElement: null,
+            callbacks: {
+                log: function(message, level) {},
+                pasteReceived: function(blob) {}
+            }
+        };
+        function isImage(item) {
+            return item.type && item.type.indexOf("image/") === 0;
+        }
+        function registerPasteHandler() {
+            detachPasteHandler = qq(options.targetElement).attach("paste", function(event) {
+                var clipboardData = event.clipboardData;
+                if (clipboardData) {
+                    qq.each(clipboardData.items, function(idx, item) {
+                        if (isImage(item)) {
+                            var blob = item.getAsFile();
+                            options.callbacks.pasteReceived(blob);
+                        }
+                    });
+                }
+            });
+        }
+        function unregisterPasteHandler() {
+            if (detachPasteHandler) {
+                detachPasteHandler();
+            }
+        }
+        qq.extend(options, o);
+        registerPasteHandler();
+        qq.extend(this, {
+            reset: function() {
+                unregisterPasteHandler();
+            }
+        });
+    };
+    qq.FormSupport = function(options, startUpload, log) {
+        "use strict";
+        var self = this, interceptSubmit = options.interceptSubmit, formEl = options.element, autoUpload = options.autoUpload;
+        qq.extend(this, {
+            newEndpoint: null,
+            newAutoUpload: autoUpload,
+            attachedToForm: false,
+            getFormInputsAsObject: function() {
+                if (formEl == null) {
+                    return null;
+                }
+                return self._form2Obj(formEl);
+            }
+        });
+        function determineNewEndpoint(formEl) {
+            if (formEl.getAttribute("action")) {
+                self.newEndpoint = formEl.getAttribute("action");
+            }
+        }
+        function validateForm(formEl, nativeSubmit) {
+            if (formEl.checkValidity && !formEl.checkValidity()) {
+                log("Form did not pass validation checks - will not upload.", "error");
+                nativeSubmit();
+            } else {
+                return true;
+            }
+        }
+        function maybeUploadOnSubmit(formEl) {
+            var nativeSubmit = formEl.submit;
+            qq(formEl).attach("submit", function(event) {
+                event = event || window.event;
+                if (event.preventDefault) {
+                    event.preventDefault();
+                } else {
+                    event.returnValue = false;
+                }
+                validateForm(formEl, nativeSubmit) && startUpload();
+            });
+            formEl.submit = function() {
+                validateForm(formEl, nativeSubmit) && startUpload();
+            };
+        }
+        function determineFormEl(formEl) {
+            if (formEl) {
+                if (qq.isString(formEl)) {
+                    formEl = document.getElementById(formEl);
+                }
+                if (formEl) {
+                    log("Attaching to form element.");
+                    determineNewEndpoint(formEl);
+                    interceptSubmit && maybeUploadOnSubmit(formEl);
+                }
+            }
+            return formEl;
+        }
+        formEl = determineFormEl(formEl);
+        this.attachedToForm = !!formEl;
+    };
+    qq.extend(qq.FormSupport.prototype, {
+        _form2Obj: function(form) {
+            "use strict";
+            var obj = {}, notIrrelevantType = function(type) {
+                var irrelevantTypes = [ "button", "image", "reset", "submit" ];
+                return qq.indexOf(irrelevantTypes, type.toLowerCase()) < 0;
+            }, radioOrCheckbox = function(type) {
+                return qq.indexOf([ "checkbox", "radio" ], type.toLowerCase()) >= 0;
+            }, ignoreValue = function(el) {
+                if (radioOrCheckbox(el.type) && !el.checked) {
+                    return true;
+                }
+                return el.disabled && el.type.toLowerCase() !== "hidden";
+            }, selectValue = function(select) {
+                var value = null;
+                qq.each(qq(select).children(), function(idx, child) {
+                    if (child.tagName.toLowerCase() === "option" && child.selected) {
+                        value = child.value;
+                        return false;
+                    }
+                });
+                return value;
+            };
+            qq.each(form.elements, function(idx, el) {
+                if ((qq.isInput(el, true) || el.tagName.toLowerCase() === "textarea") && notIrrelevantType(el.type) && !ignoreValue(el)) {
+                    obj[el.name] = el.value;
+                } else if (el.tagName.toLowerCase() === "select" && !ignoreValue(el)) {
+                    var value = selectValue(el);
+                    if (value !== null) {
+                        obj[el.name] = value;
+                    }
+                }
+            });
+            return obj;
+        }
+    });
+    qq.traditional = qq.traditional || {};
+    qq.traditional.FormUploadHandler = function(options, proxy) {
+        "use strict";
+        var handler = this, getName = proxy.getName, getUuid = proxy.getUuid, log = proxy.log;
+        function getIframeContentJson(id, iframe) {
+            var response, doc, innerHtml;
+            try {
+                doc = iframe.contentDocument || iframe.contentWindow.document;
+                innerHtml = doc.body.innerHTML;
+                log("converting iframe's innerHTML to JSON");
+                log("innerHTML = " + innerHtml);
+                if (innerHtml && innerHtml.match(/^<pre/i)) {
+                    innerHtml = doc.body.firstChild.firstChild.nodeValue;
+                }
+                response = handler._parseJsonResponse(innerHtml);
+            } catch (error) {
+                log("Error when attempting to parse form upload response (" + error.message + ")", "error");
+                response = {
+                    success: false
+                };
+            }
+            return response;
+        }
+        function createForm(id, iframe) {
+            var params = options.paramsStore.get(id), method = options.method.toLowerCase() === "get" ? "GET" : "POST", endpoint = options.endpointStore.get(id), name = getName(id);
+            params[options.uuidName] = getUuid(id);
+            params[options.filenameParam] = name;
+            return handler._initFormForUpload({
+                method: method,
+                endpoint: endpoint,
+                params: params,
+                paramsInBody: options.paramsInBody,
+                targetName: iframe.name
+            });
+        }
+        this.uploadFile = function(id) {
+            var input = handler.getInput(id), iframe = handler._createIframe(id), promise = new qq.Promise(), form;
+            form = createForm(id, iframe);
+            input.name = this._options.request.inputName;
+            form.appendChild(input);
+
+            var dest = document.createElement('input');
+            dest.type = 'text';
+            dest.name = 'dest';
+            dest.value = this._options.request.dest;
+            form.appendChild(dest);
+
+            var csrfmiddlewaretoken = document.createElement('input');
+            csrfmiddlewaretoken.type = 'hidden';
+            csrfmiddlewaretoken.name = 'csrfmiddlewaretoken';
+            csrfmiddlewaretoken.value = "${request and request.COOKIES.get('csrftoken', '')}";
+            form.appendChild(csrfmiddlewaretoken);
+
+            handler._attachLoadEvent(iframe, function(responseFromMessage) {
+                log("iframe loaded");
+                var response = responseFromMessage ? responseFromMessage : getIframeContentJson(id, iframe);
+                handler._detachLoadEvent(id);
+                if (!options.cors.expected) {
+                    qq(iframe).remove();
+                }
+                if (response.success) {
+                    promise.success(response);
+                } else {
+                    promise.failure(response);
+                }
+            });
+            log("Sending upload request for " + id);
+            form.submit();
+            qq(form).remove();
+            return promise;
+        };
+        qq.extend(this, new qq.FormUploadHandler({
+            options: {
+                isCors: options.cors.expected,
+                inputName: options.inputName
+            },
+            proxy: {
+                onCancel: options.onCancel,
+                getName: getName,
+                getUuid: getUuid,
+                log: log
+            }
+        }));
+    };
+    qq.traditional = qq.traditional || {};
+    qq.traditional.XhrUploadHandler = function(spec, proxy) {
+        "use strict";
+        var handler = this, getName = proxy.getName, getSize = proxy.getSize, getUuid = proxy.getUuid, log = proxy.log, multipart = spec.forceMultipart || spec.paramsInBody, addChunkingSpecificParams = function(id, params, chunkData) {
+            var size = getSize(id), name = getName(id);
+            if (!spec.omitDefaultParams) {
+                params[spec.chunking.paramNames.partIndex] = chunkData.part;
+                params[spec.chunking.paramNames.partByteOffset] = chunkData.start;
+                params[spec.chunking.paramNames.chunkSize] = chunkData.size;
+                params[spec.chunking.paramNames.totalParts] = chunkData.count;
+                params[spec.totalFileSizeName] = size;
+            }
+            if (multipart && !spec.omitDefaultParams) {
+                params[spec.filenameParam] = name;
+            }
+        }, allChunksDoneRequester = new qq.traditional.AllChunksDoneAjaxRequester({
+            cors: spec.cors,
+            endpoint: spec.chunking.success.endpoint,
+            headers: spec.chunking.success.headers,
+            jsonPayload: spec.chunking.success.jsonPayload,
+            log: log,
+            method: spec.chunking.success.method,
+            params: spec.chunking.success.params
+        }), createReadyStateChangedHandler = function(id, xhr) {
+            var promise = new qq.Promise();
+            xhr.onreadystatechange = function() {
+                if (xhr.readyState === 4) {
+                    var result = onUploadOrChunkComplete(id, xhr);
+                    if (result.success) {
+                        promise.success(result.response, xhr);
+                    } else {
+                        promise.failure(result.response, xhr);
+                    }
+                }
+            };
+            return promise;
+        }, getChunksCompleteParams = function(id) {
+            var params = spec.paramsStore.get(id), name = getName(id), size = getSize(id);
+            params[spec.uuidName] = getUuid(id);
+            params[spec.filenameParam] = name;
+            params[spec.totalFileSizeName] = size;
+            params[spec.chunking.paramNames.totalParts] = handler._getTotalChunks(id);
+            return params;
+        }, isErrorUploadResponse = function(xhr, response) {
+            return qq.indexOf([ 200, 201, 202, 203, 204 ], xhr.status) < 0 || spec.requireSuccessJson && !response.success || response.reset;
+        }, onUploadOrChunkComplete = function(id, xhr) {
+            var response;
+            log("xhr - server response received for " + id);
+            log("responseText = " + xhr.responseText);
+            response = parseResponse(true, xhr);
+            return {
+                success: !isErrorUploadResponse(xhr, response),
+                response: response
+            };
+        }, parseResponse = function(upload, xhr) {
+            var response = {};
+            try {
+                log(qq.format("Received response status {} with body: {}", xhr.status, xhr.responseText));
+                response = qq.parseJson(xhr.responseText);
+            } catch (error) {
+                upload && spec.requireSuccessJson && log("Error when attempting to parse xhr response text (" + error.message + ")", "error");
+            }
+            return response;
+        }, sendChunksCompleteRequest = function(id) {
+            var promise = new qq.Promise();
+            allChunksDoneRequester.complete(id, handler._createXhr(id), getChunksCompleteParams(id), spec.customHeaders.get(id)).then(function(xhr) {
+                promise.success(parseResponse(false, xhr), xhr);
+            }, function(xhr) {
+                promise.failure(parseResponse(false, xhr), xhr);
+            });
+            return promise;
+        }, setParamsAndGetEntityToSend = function(entityToSendParams) {
+            var fileOrBlob = entityToSendParams.fileOrBlob;
+            var id = entityToSendParams.id;
+            var xhr = entityToSendParams.xhr;
+            var xhrOverrides = entityToSendParams.xhrOverrides || {};
+            var customParams = entityToSendParams.customParams || {};
+            var defaultParams = entityToSendParams.params || {};
+            var xhrOverrideParams = xhrOverrides.params || {};
+            var params;
+            var formData = multipart ? new FormData() : null, method = xhrOverrides.method || spec.method, endpoint = xhrOverrides.endpoint || spec.endpointStore.get(id), name = getName(id), size = getSize(id);
+            if (spec.omitDefaultParams) {
+                params = qq.extend({}, customParams);
+                qq.extend(params, xhrOverrideParams);
+            } else {
+                params = qq.extend({}, customParams);
+                qq.extend(params, xhrOverrideParams);
+                qq.extend(params, defaultParams);
+                params[spec.uuidName] = getUuid(id);
+                params[spec.filenameParam] = name;
+                if (multipart) {
+                    params[spec.totalFileSizeName] = size;
+                } else if (!spec.paramsInBody) {
+                    params[spec.inputName] = name;
+                }
+            }
+
+            // var customQueryParams = {
+            //     dest: "/",
+            //     inputName: "hdfs_file"
+            // };
+            // var queryString = qq.obj2url(customQueryParams);
+
+
+            if (!spec.paramsInBody) {
+                // endpoint += (endpoint.indexOf('?') === -1 ? '?' : '&') + queryString;
+                endpoint = qq.obj2url(params, endpoint);
+            }
+            xhr.open(method, endpoint, true);
+            if (spec.cors.expected && spec.cors.sendCredentials) {
+                xhr.withCredentials = true;
+            }
+            if (multipart) {
+                if (spec.paramsInBody) {
+                    qq.obj2FormData(params, formData);
+                }
+                formData.append(spec.inputName, fileOrBlob);
+                return formData;
+            }
+            return fileOrBlob;
+        }, setUploadHeaders = function(headersOptions) {
+            var headerOverrides = headersOptions.headerOverrides;
+            var id = headersOptions.id;
+            var xhr = headersOptions.xhr;
+            if (headerOverrides) {
+                qq.each(headerOverrides, function(headerName, headerValue) {
+                    xhr.setRequestHeader(headerName, headerValue);
+                });
+            } else {
+                var extraHeaders = spec.customHeaders.get(id), fileOrBlob = handler.getFile(id);
+                xhr.setRequestHeader("Accept", "application/json");
+                xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+                xhr.setRequestHeader("Cache-Control", "no-cache");
+                if (!multipart) {
+                    xhr.setRequestHeader("Content-Type", "application/octet-stream");
+                    xhr.setRequestHeader("X-Mime-Type", fileOrBlob.type);
+                }
+                qq.each(extraHeaders, function(name, val) {
+                    xhr.setRequestHeader(name, val);
+                });
+            }
+        };
+        qq.extend(this, {
+            uploadChunk: function(uploadChunkParams) {
+                var id = uploadChunkParams.id;
+                var chunkIdx = uploadChunkParams.chunkIdx;
+                var overrides = uploadChunkParams.overrides || {};
+                var resuming = uploadChunkParams.resuming;
+                var chunkData = handler._getChunkData(id, chunkIdx), xhr = handler._createXhr(id, chunkIdx), promise, toSend, customParams, params = {};
+                promise = createReadyStateChangedHandler(id, xhr);
+                handler._registerProgressHandler(id, chunkIdx, chunkData.size);
+                customParams = spec.paramsStore.get(id);
+                addChunkingSpecificParams(id, params, chunkData);
+                if (resuming) {
+                    params[spec.resume.paramNames.resuming] = true;
+                }
+                toSend = setParamsAndGetEntityToSend({
+                    fileOrBlob: chunkData.blob,
+                    id: id,
+                    customParams: customParams,
+                    params: params,
+                    xhr: xhr,
+                    xhrOverrides: overrides
+                });
+                setUploadHeaders({
+                    headerOverrides: overrides.headers,
+                    id: id,
+                    xhr: xhr
+                });
+                xhr.send(toSend);
+                return promise;
+            },
+            uploadFile: function(id) {
+                var fileOrBlob = handler.getFile(id), promise, xhr, customParams, toSend;
+                xhr = handler._createXhr(id);
+                handler._registerProgressHandler(id);
+                promise = createReadyStateChangedHandler(id, xhr);
+                customParams = spec.paramsStore.get(id);
+
+                toSend = setParamsAndGetEntityToSend({
+                    fileOrBlob: fileOrBlob,
+                    id: id,
+                    customParams: customParams,
+                    xhr: xhr,
+                });
+                setUploadHeaders({
+                    id: id,
+                    xhr: xhr
+                });
+                xhr.send(toSend);
+
+                return promise;
+            }
+        });
+        qq.extend(this, new qq.XhrUploadHandler({
+            options: qq.extend({
+                namespace: "traditional"
+            }, spec),
+            proxy: qq.extend({
+                getEndpoint: spec.endpointStore.get
+            }, proxy)
+        }));
+        qq.override(this, function(super_) {
+            return {
+                finalizeChunks: function(id) {
+                    proxy.onFinalizing(id);
+                    if (spec.chunking.success.endpoint) {
+                        return sendChunksCompleteRequest(id);
+                    } else {
+                        return super_.finalizeChunks(id, qq.bind(parseResponse, this, true));
+                    }
+                }
+            };
+        });
+    };
+    qq.traditional.AllChunksDoneAjaxRequester = function(o) {
+        "use strict";
+        var requester, options = {
+            cors: {
+                allowXdr: false,
+                expected: false,
+                sendCredentials: false
+            },
+            endpoint: null,
+            log: function(str, level) {},
+            method: "POST"
+        }, promises = {}, endpointHandler = {
+            get: function(id) {
+                if (qq.isFunction(options.endpoint)) {
+                    return options.endpoint(id);
+                }
+                return options.endpoint;
+            }
+        };
+        qq.extend(options, o);
+        requester = qq.extend(this, new qq.AjaxRequester({
+            acceptHeader: "application/json",
+            contentType: options.jsonPayload ? "application/json" : "application/x-www-form-urlencoded",
+            validMethods: [ options.method ],
+            method: options.method,
+            endpointStore: endpointHandler,
+            allowXRequestedWithAndCacheControl: false,
+            cors: options.cors,
+            log: options.log,
+            onComplete: function(id, xhr, isError) {
+                var promise = promises[id];
+                delete promises[id];
+                if (isError) {
+                    promise.failure(xhr);
+                } else {
+                    promise.success(xhr);
+                }
+            }
+        }));
+        qq.extend(this, {
+            complete: function(id, xhr, params, headers) {
+                var promise = new qq.Promise();
+                options.log("Submitting All Chunks Done request for " + id);
+                promises[id] = promise;
+                requester.initTransport(id).withParams(options.params(id) || params).withHeaders(options.headers(id) || headers).send(xhr);
+                return promise;
+            }
+        });
+    };
+    qq.DragAndDrop = function(o) {
+        "use strict";
+        var options, HIDE_ZONES_EVENT_NAME = "qq-hidezones", HIDE_BEFORE_ENTER_ATTR = "qq-hide-dropzone", uploadDropZones = [], droppedFiles = [], disposeSupport = new qq.DisposeSupport();
+        options = {
+            dropZoneElements: [],
+            allowMultipleItems: true,
+            classes: {
+                dropActive: null
+            },
+            callbacks: new qq.DragAndDrop.callbacks()
+        };
+        qq.extend(options, o, true);
+        function uploadDroppedFiles(files, uploadDropZone) {
+            var filesAsArray = Array.prototype.slice.call(files);
+            options.callbacks.dropLog("Grabbed " + files.length + " dropped files.");
+            uploadDropZone.dropDisabled(false);
+            options.callbacks.processingDroppedFilesComplete(filesAsArray, uploadDropZone.getElement());
+        }
+        function traverseFileTree(entry) {
+            var parseEntryPromise = new qq.Promise();
+            if (entry.isFile) {
+                entry.file(function(file) {
+                    file.qqPath = extractDirectoryPath(entry);
+                    droppedFiles.push(file);
+                    parseEntryPromise.success();
+                }, function(fileError) {
+                    options.callbacks.dropLog("Problem parsing '" + entry.fullPath + "'.  FileError code " + fileError.code + ".", "error");
+                    parseEntryPromise.failure();
+                });
+            } else if (entry.isDirectory) {
+                getFilesInDirectory(entry).then(function allEntriesRead(entries) {
+                    var entriesLeft = entries.length;
+                    qq.each(entries, function(idx, entry) {
+                        traverseFileTree(entry).done(function() {
+                            entriesLeft -= 1;
+                            if (entriesLeft === 0) {
+                                parseEntryPromise.success();
+                            }
+                        });
+                    });
+                    if (!entries.length) {
+                        parseEntryPromise.success();
+                    }
+                }, function readFailure(fileError) {
+                    options.callbacks.dropLog("Problem parsing '" + entry.fullPath + "'.  FileError code " + fileError.code + ".", "error");
+                    parseEntryPromise.failure();
+                });
+            }
+            return parseEntryPromise;
+        }
+        function extractDirectoryPath(entry) {
+            var name = entry.name, fullPath = entry.fullPath, indexOfNameInFullPath = fullPath.lastIndexOf(name);
+            fullPath = fullPath.substr(0, indexOfNameInFullPath);
+            if (fullPath.charAt(0) === "/") {
+                fullPath = fullPath.substr(1);
+            }
+            return fullPath;
+        }
+        function getFilesInDirectory(entry, reader, accumEntries, existingPromise) {
+            var promise = existingPromise || new qq.Promise(), dirReader = reader || entry.createReader();
+            dirReader.readEntries(function readSuccess(entries) {
+                var newEntries = accumEntries ? accumEntries.concat(entries) : entries;
+                if (entries.length) {
+                    setTimeout(function() {
+                        getFilesInDirectory(entry, dirReader, newEntries, promise);
+                    }, 0);
+                } else {
+                    promise.success(newEntries);
+                }
+            }, promise.failure);
+            return promise;
+        }
+        function handleDataTransfer(dataTransfer, uploadDropZone) {
+            var pendingFolderPromises = [], handleDataTransferPromise = new qq.Promise();
+            options.callbacks.processingDroppedFiles();
+            uploadDropZone.dropDisabled(true);
+            if (dataTransfer.files.length > 1 && !options.allowMultipleItems) {
+                options.callbacks.processingDroppedFilesComplete([]);
+                options.callbacks.dropError("tooManyFilesError", "");
+                uploadDropZone.dropDisabled(false);
+                handleDataTransferPromise.failure();
+            } else {
+                droppedFiles = [];
+                if (qq.isFolderDropSupported(dataTransfer)) {
+                    qq.each(dataTransfer.items, function(idx, item) {
+                        var entry = item.webkitGetAsEntry();
+                        if (entry) {
+                            if (entry.isFile) {
+                                droppedFiles.push(item.getAsFile());
+                            } else {
+                                pendingFolderPromises.push(traverseFileTree(entry).done(function() {
+                                    pendingFolderPromises.pop();
+                                    if (pendingFolderPromises.length === 0) {
+                                        handleDataTransferPromise.success();
+                                    }
+                                }));
+                            }
+                        }
+                    });
+                } else {
+                    droppedFiles = dataTransfer.files;
+                }
+                if (pendingFolderPromises.length === 0) {
+                    handleDataTransferPromise.success();
+                }
+            }
+            return handleDataTransferPromise;
+        }
+        function setupDropzone(dropArea) {
+            var dropZone = new qq.UploadDropZone({
+                HIDE_ZONES_EVENT_NAME: HIDE_ZONES_EVENT_NAME,
+                element: dropArea,
+                onEnter: function(e) {
+                    qq(dropArea).addClass(options.classes.dropActive);
+                    options.callbacks.dragEnter();
+                    e.stopPropagation();
+                },
+                onLeaveNotDescendants: function(e) {
+                    qq(dropArea).removeClass(options.classes.dropActive);
+                    options.callbacks.dragLeave();
+                },
+                onDrop: function(e) {
+                    handleDataTransfer(e.dataTransfer, dropZone).then(function() {
+                        uploadDroppedFiles(droppedFiles, dropZone);
+                    }, function() {
+                        options.callbacks.dropLog("Drop event DataTransfer parsing failed.  No files will be uploaded.", "error");
+                    });
+                }
+            });
+            disposeSupport.addDisposer(function() {
+                dropZone.dispose();
+            });
+            qq(dropArea).hasAttribute(HIDE_BEFORE_ENTER_ATTR) && qq(dropArea).hide();
+            uploadDropZones.push(dropZone);
+            return dropZone;
+        }
+        function isFileDrag(dragEvent) {
+            var fileDrag;
+            qq.each(dragEvent.dataTransfer.types, function(key, val) {
+                if (val === "Files") {
+                    fileDrag = true;
+                    return false;
+                }
+            });
+            return fileDrag;
+        }
+        function leavingDocumentOut(e) {
+            if (qq.safari()) {
+                return e.x < 0 || e.y < 0;
+            }
+            return e.x === 0 && e.y === 0;
+        }
+        function setupDragDrop() {
+            var dropZones = options.dropZoneElements, maybeHideDropZones = function() {
+                setTimeout(function() {
+                    qq.each(dropZones, function(idx, dropZone) {
+                        qq(dropZone).hasAttribute(HIDE_BEFORE_ENTER_ATTR) && qq(dropZone).hide();
+                        qq(dropZone).removeClass(options.classes.dropActive);
+                    });
+                }, 10);
+            };
+            qq.each(dropZones, function(idx, dropZone) {
+                var uploadDropZone = setupDropzone(dropZone);
+                if (dropZones.length && qq.supportedFeatures.fileDrop) {
+                    disposeSupport.attach(document, "dragenter", function(e) {
+                        if (!uploadDropZone.dropDisabled() && isFileDrag(e)) {
+                            qq.each(dropZones, function(idx, dropZone) {
+                                if (dropZone instanceof HTMLElement && qq(dropZone).hasAttribute(HIDE_BEFORE_ENTER_ATTR)) {
+                                    qq(dropZone).css({
+                                        display: "block"
+                                    });
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+            disposeSupport.attach(document, "dragleave", function(e) {
+                if (leavingDocumentOut(e)) {
+                    maybeHideDropZones();
+                }
+            });
+            disposeSupport.attach(qq(document).children()[0], "mouseenter", function(e) {
+                maybeHideDropZones();
+            });
+            disposeSupport.attach(document, "drop", function(e) {
+                if (isFileDrag(e)) {
+                    e.preventDefault();
+                    maybeHideDropZones();
+                }
+            });
+            disposeSupport.attach(document, HIDE_ZONES_EVENT_NAME, maybeHideDropZones);
+        }
+        setupDragDrop();
+        qq.extend(this, {
+            setupExtraDropzone: function(element) {
+                options.dropZoneElements.push(element);
+                setupDropzone(element);
+            },
+            removeDropzone: function(element) {
+                var i, dzs = options.dropZoneElements;
+                for (i in dzs) {
+                    if (dzs[i] === element) {
+                        return dzs.splice(i, 1);
+                    }
+                }
+            },
+            dispose: function() {
+                disposeSupport.dispose();
+                qq.each(uploadDropZones, function(idx, dropZone) {
+                    dropZone.dispose();
+                });
+            }
+        });
+        this._testing = {};
+        this._testing.extractDirectoryPath = extractDirectoryPath;
+    };
+    qq.DragAndDrop.callbacks = function() {
+        "use strict";
+        return {
+            dragEnter: function() {},
+            dragLeave: function() {},
+            processingDroppedFiles: function() {},
+            processingDroppedFilesComplete: function(files, targetEl) {},
+            dropError: function(code, errorSpecifics) {
+                qq.log("Drag & drop error code '" + code + " with these specifics: '" + errorSpecifics + "'", "error");
+            },
+            dropLog: function(message, level) {
+                qq.log(message, level);
+            }
+        };
+    };
+    qq.UploadDropZone = function(o) {
+        "use strict";
+        var disposeSupport = new qq.DisposeSupport(), options, element, preventDrop, dropOutsideDisabled;
+        options = {
+            element: null,
+            onEnter: function(e) {},
+            onLeave: function(e) {},
+            onLeaveNotDescendants: function(e) {},
+            onDrop: function(e) {}
+        };
+        qq.extend(options, o);
+        element = options.element;
+        function dragoverShouldBeCanceled() {
+            return qq.safari() || qq.firefox() && qq.windows();
+        }
+        function disableDropOutside(e) {
+            if (!dropOutsideDisabled) {
+                if (dragoverShouldBeCanceled) {
+                    disposeSupport.attach(document, "dragover", function(e) {
+                        e.preventDefault();
+                    });
+                } else {
+                    disposeSupport.attach(document, "dragover", function(e) {
+                        if (e.dataTransfer) {
+                            e.dataTransfer.dropEffect = "none";
+                            e.preventDefault();
+                        }
+                    });
+                }
+                dropOutsideDisabled = true;
+            }
+        }
+        function isValidFileDrag(e) {
+            if (!qq.supportedFeatures.fileDrop) {
+                return false;
+            }
+            var effectTest, dt = e.dataTransfer, isSafari = qq.safari();
+            effectTest = qq.ie() && qq.supportedFeatures.fileDrop ? true : dt.effectAllowed !== "none";
+            return dt && effectTest && (dt.files && dt.files.length || !isSafari && dt.types.contains && dt.types.contains("Files") || dt.types.includes && dt.types.includes("Files"));
+        }
+        function isOrSetDropDisabled(isDisabled) {
+            if (isDisabled !== undefined) {
+                preventDrop = isDisabled;
+            }
+            return preventDrop;
+        }
+        function triggerHidezonesEvent() {
+            var hideZonesEvent;
+            function triggerUsingOldApi() {
+                hideZonesEvent = document.createEvent("Event");
+                hideZonesEvent.initEvent(options.HIDE_ZONES_EVENT_NAME, true, true);
+            }
+            if (window.CustomEvent) {
+                try {
+                    hideZonesEvent = new CustomEvent(options.HIDE_ZONES_EVENT_NAME);
+                } catch (err) {
+                    triggerUsingOldApi();
+                }
+            } else {
+                triggerUsingOldApi();
+            }
+            document.dispatchEvent(hideZonesEvent);
+        }
+        function attachEvents() {
+            disposeSupport.attach(element, "dragover", function(e) {
+                if (!isValidFileDrag(e)) {
+                    return;
+                }
+                var effect = qq.ie() && qq.supportedFeatures.fileDrop ? null : e.dataTransfer.effectAllowed;
+                if (effect === "move" || effect === "linkMove") {
+                    e.dataTransfer.dropEffect = "move";
+                } else {
+                    e.dataTransfer.dropEffect = "copy";
+                }
+                e.stopPropagation();
+                e.preventDefault();
+            });
+            disposeSupport.attach(element, "dragenter", function(e) {
+                if (!isOrSetDropDisabled()) {
+                    if (!isValidFileDrag(e)) {
+                        return;
+                    }
+                    options.onEnter(e);
+                }
+            });
+            disposeSupport.attach(element, "dragleave", function(e) {
+                if (!isValidFileDrag(e)) {
+                    return;
+                }
+                options.onLeave(e);
+                var relatedTarget = document.elementFromPoint(e.clientX, e.clientY);
+                if (qq(this).contains(relatedTarget)) {
+                    return;
+                }
+                options.onLeaveNotDescendants(e);
+            });
+            disposeSupport.attach(element, "drop", function(e) {
+                if (!isOrSetDropDisabled()) {
+                    if (!isValidFileDrag(e)) {
+                        return;
+                    }
+                    e.preventDefault();
+                    e.stopPropagation();
+                    options.onDrop(e);
+                    triggerHidezonesEvent();
+                }
+            });
+        }
+        disableDropOutside();
+        attachEvents();
+        qq.extend(this, {
+            dropDisabled: function(isDisabled) {
+                return isOrSetDropDisabled(isDisabled);
+            },
+            dispose: function() {
+                disposeSupport.dispose();
+            },
+            getElement: function() {
+                return element;
+            }
+        });
+        this._testing = {};
+        this._testing.isValidFileDrag = isValidFileDrag;
+    };
+    (function() {
+        "use strict";
+        qq.uiPublicApi = {
+            addInitialFiles: function(cannedFileList) {
+                this._parent.prototype.addInitialFiles.apply(this, arguments);
+                this._templating.addCacheToDom();
+            },
+            clearStoredFiles: function() {
+                this._parent.prototype.clearStoredFiles.apply(this, arguments);
+                this._templating.clearFiles();
+            },
+            addExtraDropzone: function(element) {
+                this._dnd && this._dnd.setupExtraDropzone(element);
+            },
+            removeExtraDropzone: function(element) {
+                if (this._dnd) {
+                    return this._dnd.removeDropzone(element);
+                }
+            },
+            getItemByFileId: function(id) {
+                if (!this._templating.isHiddenForever(id)) {
+                    return this._templating.getFileContainer(id);
+                }
+            },
+            reset: function() {
+                this._parent.prototype.reset.apply(this, arguments);
+                this._templating.reset();
+                if (!this._options.button && this._templating.getButton()) {
+                    this._defaultButtonId = this._createUploadButton({
+                        element: this._templating.getButton(),
+                        title: this._options.text.fileInputTitle
+                    }).getButtonId();
+                }
+                if (this._dnd) {
+                    this._dnd.dispose();
+                    this._dnd = this._setupDragAndDrop();
+                }
+                this._totalFilesInBatch = 0;
+                this._filesInBatchAddedToUi = 0;
+                this._setupClickAndEditEventHandlers();
+            },
+            setName: function(id, newName) {
+                var formattedFilename = this._options.formatFileName(newName);
+                this._parent.prototype.setName.apply(this, arguments);
+                this._templating.updateFilename(id, formattedFilename);
+            },
+            pauseUpload: function(id) {
+                var paused = this._parent.prototype.pauseUpload.apply(this, arguments);
+                paused && this._templating.uploadPaused(id);
+                return paused;
+            },
+            continueUpload: function(id) {
+                var continued = this._parent.prototype.continueUpload.apply(this, arguments);
+                continued && this._templating.uploadContinued(id);
+                return continued;
+            },
+            getId: function(fileContainerOrChildEl) {
+                return this._templating.getFileId(fileContainerOrChildEl);
+            },
+            getDropTarget: function(fileId) {
+                var file = this.getFile(fileId);
+                return file.qqDropTarget;
+            }
+        };
+        qq.uiPrivateApi = {
+            _getButton: function(buttonId) {
+                var button = this._parent.prototype._getButton.apply(this, arguments);
+                if (!button) {
+                    if (buttonId === this._defaultButtonId) {
+                        button = this._templating.getButton();
+                    }
+                }
+                return button;
+            },
+            _removeFileItem: function(fileId) {
+                this._templating.removeFile(fileId);
+            },
+            _setupClickAndEditEventHandlers: function() {
+                this._fileButtonsClickHandler = qq.FileButtonsClickHandler && this._bindFileButtonsClickEvent();
+                this._focusinEventSupported = !qq.firefox();
+                if (this._isEditFilenameEnabled()) {
+                    this._filenameClickHandler = this._bindFilenameClickEvent();
+                    this._filenameInputFocusInHandler = this._bindFilenameInputFocusInEvent();
+                    this._filenameInputFocusHandler = this._bindFilenameInputFocusEvent();
+                }
+            },
+            _setupDragAndDrop: function() {
+                var self = this, dropZoneElements = this._options.dragAndDrop.extraDropzones, templating = this._templating, defaultDropZone = templating.getDropZone();
+                defaultDropZone && dropZoneElements.push(defaultDropZone);
+                return new qq.DragAndDrop({
+                    dropZoneElements: dropZoneElements,
+                    allowMultipleItems: this._options.multiple,
+                    classes: {
+                        dropActive: this._options.classes.dropActive
+                    },
+                    callbacks: {
+                        processingDroppedFiles: function() {
+                            templating.showDropProcessing();
+                        },
+                        processingDroppedFilesComplete: function(files, targetEl) {
+                            templating.hideDropProcessing();
+                            qq.each(files, function(idx, file) {
+                                file.qqDropTarget = targetEl;
+                            });
+                            if (files.length) {
+                                self.addFiles(files, null, null);
+                            }
+                        },
+                        dropError: function(code, errorData) {
+                            self._itemError(code, errorData);
+                        },
+                        dropLog: function(message, level) {
+                            self.log(message, level);
+                        }
+                    }
+                });
+            },
+            _bindFileButtonsClickEvent: function() {
+                var self = this;
+                return new qq.FileButtonsClickHandler({
+                    templating: this._templating,
+                    log: function(message, lvl) {
+                        self.log(message, lvl);
+                    },
+                    onDeleteFile: function(fileId) {
+                        self.deleteFile(fileId);
+                    },
+                    onCancel: function(fileId) {
+                        self.cancel(fileId);
+                    },
+                    onRetry: function(fileId) {
+                        self.retry(fileId);
+                    },
+                    onPause: function(fileId) {
+                        self.pauseUpload(fileId);
+                    },
+                    onContinue: function(fileId) {
+                        self.continueUpload(fileId);
+                    },
+                    onGetName: function(fileId) {
+                        return self.getName(fileId);
+                    }
+                });
+            },
+            _isEditFilenameEnabled: function() {
+                return this._templating.isEditFilenamePossible() && !this._options.autoUpload && qq.FilenameClickHandler && qq.FilenameInputFocusHandler && qq.FilenameInputFocusHandler;
+            },
+            _filenameEditHandler: function() {
+                var self = this, templating = this._templating;
+                return {
+                    templating: templating,
+                    log: function(message, lvl) {
+                        self.log(message, lvl);
+                    },
+                    onGetUploadStatus: function(fileId) {
+                        return self.getUploads({
+                            id: fileId
+                        }).status;
+                    },
+                    onGetName: function(fileId) {
+                        return self.getName(fileId);
+                    },
+                    onSetName: function(id, newName) {
+                        self.setName(id, newName);
+                    },
+                    onEditingStatusChange: function(id, isEditing) {
+                        var qqInput = qq(templating.getEditInput(id)), qqFileContainer = qq(templating.getFileContainer(id));
+                        if (isEditing) {
+                            qqInput.addClass("qq-editing");
+                            templating.hideFilename(id);
+                            templating.hideEditIcon(id);
+                        } else {
+                            qqInput.removeClass("qq-editing");
+                            templating.showFilename(id);
+                            templating.showEditIcon(id);
+                        }
+                        qqFileContainer.addClass("qq-temp").removeClass("qq-temp");
+                    }
+                };
+            },
+            _onUploadStatusChange: function(id, oldStatus, newStatus) {
+                this._parent.prototype._onUploadStatusChange.apply(this, arguments);
+                if (this._isEditFilenameEnabled()) {
+                    if (this._templating.getFileContainer(id) && newStatus !== qq.status.SUBMITTED) {
+                        this._templating.markFilenameEditable(id);
+                        this._templating.hideEditIcon(id);
+                    }
+                }
+                if (oldStatus === qq.status.UPLOAD_RETRYING && newStatus === qq.status.UPLOADING) {
+                    this._templating.hideRetry(id);
+                    this._templating.setStatusText(id);
+                    qq(this._templating.getFileContainer(id)).removeClass(this._classes.retrying);
+                } else if (newStatus === qq.status.UPLOAD_FAILED) {
+                    this._templating.hidePause(id);
+                }
+            },
+            _bindFilenameInputFocusInEvent: function() {
+                var spec = qq.extend({}, this._filenameEditHandler());
+                return new qq.FilenameInputFocusInHandler(spec);
+            },
+            _bindFilenameInputFocusEvent: function() {
+                var spec = qq.extend({}, this._filenameEditHandler());
+                return new qq.FilenameInputFocusHandler(spec);
+            },
+            _bindFilenameClickEvent: function() {
+                var spec = qq.extend({}, this._filenameEditHandler());
+                return new qq.FilenameClickHandler(spec);
+            },
+            _storeForLater: function(id) {
+                this._parent.prototype._storeForLater.apply(this, arguments);
+                this._templating.hideSpinner(id);
+            },
+            _onAllComplete: function(successful, failed) {
+                this._parent.prototype._onAllComplete.apply(this, arguments);
+                this._templating.resetTotalProgress();
+            },
+            _onSubmit: function(id, name) {
+                var file = this.getFile(id);
+                if (file && file.qqPath && this._options.dragAndDrop.reportDirectoryPaths) {
+                    this._paramsStore.addReadOnly(id, {
+                        qqpath: file.qqPath
+                    });
+                }
+                this._parent.prototype._onSubmit.apply(this, arguments);
+                this._addToList(id, name);
+            },
+            _onSubmitted: function(id) {
+                if (this._isEditFilenameEnabled()) {
+                    this._templating.markFilenameEditable(id);
+                    this._templating.showEditIcon(id);
+                    if (!this._focusinEventSupported) {
+                        this._filenameInputFocusHandler.addHandler(this._templating.getEditInput(id));
+                    }
+                }
+            },
+            _onProgress: function(id, name, loaded, total) {
+                this._parent.prototype._onProgress.apply(this, arguments);
+                this._templating.updateProgress(id, loaded, total);
+                if (total === 0 || Math.round(loaded / total * 100) === 100) {
+                    this._templating.hideCancel(id);
+                    this._templating.hidePause(id);
+                    this._templating.hideProgress(id);
+                    this._templating.setStatusText(id, this._options.text.waitingForResponse);
+                    this._displayFileSize(id);
+                } else {
+                    this._displayFileSize(id, loaded, total);
+                }
+            },
+            _onTotalProgress: function(loaded, total) {
+                this._parent.prototype._onTotalProgress.apply(this, arguments);
+                this._templating.updateTotalProgress(loaded, total);
+            },
+            _onComplete: function(id, name, result, xhr) {
+                var parentRetVal = this._parent.prototype._onComplete.apply(this, arguments), templating = this._templating, fileContainer = templating.getFileContainer(id), self = this;
+                function completeUpload(result) {
+                    if (!fileContainer) {
+                        return;
+                    }
+                    templating.setStatusText(id);
+                    qq(fileContainer).removeClass(self._classes.retrying);
+                    templating.hideProgress(id);
+                    if (self.getUploads({
+                        id: id
+                    }).status !== qq.status.UPLOAD_FAILED) {
+                        templating.hideCancel(id);
+                    }
+                    templating.hideSpinner(id);
+                    if (result.success) {
+                        self._markFileAsSuccessful(id);
+                    } else {
+                        qq(fileContainer).addClass(self._classes.fail);
+                        templating.showCancel(id);
+                        if (templating.isRetryPossible() && !self._preventRetries[id]) {
+                            qq(fileContainer).addClass(self._classes.retryable);
+                            templating.showRetry(id);
+                        }
+                        self._controlFailureTextDisplay(id, result);
+                    }
+                }
+                if (parentRetVal instanceof qq.Promise) {
+                    parentRetVal.done(function(newResult) {
+                        completeUpload(newResult);
+                    });
+                } else {
+                    completeUpload(result);
+                }
+                return parentRetVal;
+            },
+            _markFileAsSuccessful: function(id) {
+                var templating = this._templating;
+                if (this._isDeletePossible()) {
+                    templating.showDeleteButton(id);
+                }
+                qq(templating.getFileContainer(id)).addClass(this._classes.success);
+                this._maybeUpdateThumbnail(id);
+            },
+            _onUploadPrep: function(id) {
+                this._parent.prototype._onUploadPrep.apply(this, arguments);
+                this._templating.showSpinner(id);
+            },
+            _onUpload: function(id, name) {
+                var parentRetVal = this._parent.prototype._onUpload.apply(this, arguments);
+                this._templating.showSpinner(id);
+                return parentRetVal;
+            },
+            _onUploadChunk: function(id, chunkData) {
+                this._parent.prototype._onUploadChunk.apply(this, arguments);
+                if (chunkData.partIndex > 0 && this._handler.isResumable(id)) {
+                    this._templating.allowPause(id);
+                }
+            },
+            _onCancel: function(id, name) {
+                this._parent.prototype._onCancel.apply(this, arguments);
+                this._removeFileItem(id);
+                if (this._getNotFinished() === 0) {
+                    this._templating.resetTotalProgress();
+                }
+            },
+            _onBeforeAutoRetry: function(id) {
+                var retryNumForDisplay, maxAuto, retryNote;
+                this._parent.prototype._onBeforeAutoRetry.apply(this, arguments);
+                this._showCancelLink(id);
+                if (this._options.retry.showAutoRetryNote) {
+                    retryNumForDisplay = this._autoRetries[id];
+                    maxAuto = this._options.retry.maxAutoAttempts;
+                    retryNote = this._options.retry.autoRetryNote.replace(/\{retryNum\}/g, retryNumForDisplay);
+                    retryNote = retryNote.replace(/\{maxAuto\}/g, maxAuto);
+                    this._templating.setStatusText(id, retryNote);
+                    qq(this._templating.getFileContainer(id)).addClass(this._classes.retrying);
+                }
+            },
+            _onBeforeManualRetry: function(id) {
+                if (this._parent.prototype._onBeforeManualRetry.apply(this, arguments)) {
+                    this._templating.resetProgress(id);
+                    qq(this._templating.getFileContainer(id)).removeClass(this._classes.fail);
+                    this._templating.setStatusText(id);
+                    this._templating.showSpinner(id);
+                    this._showCancelLink(id);
+                    return true;
+                } else {
+                    qq(this._templating.getFileContainer(id)).addClass(this._classes.retryable);
+                    this._templating.showRetry(id);
+                    return false;
+                }
+            },
+            _onSubmitDelete: function(id) {
+                var onSuccessCallback = qq.bind(this._onSubmitDeleteSuccess, this);
+                this._parent.prototype._onSubmitDelete.call(this, id, onSuccessCallback);
+            },
+            _onSubmitDeleteSuccess: function(id, uuid, additionalMandatedParams) {
+                if (this._options.deleteFile.forceConfirm) {
+                    this._showDeleteConfirm.apply(this, arguments);
+                } else {
+                    this._sendDeleteRequest.apply(this, arguments);
+                }
+            },
+            _onDeleteComplete: function(id, xhr, isError) {
+                this._parent.prototype._onDeleteComplete.apply(this, arguments);
+                this._templating.hideSpinner(id);
+                if (isError) {
+                    this._templating.setStatusText(id, this._options.deleteFile.deletingFailedText);
+                    this._templating.showDeleteButton(id);
+                } else {
+                    this._removeFileItem(id);
+                }
+            },
+            _sendDeleteRequest: function(id, uuid, additionalMandatedParams) {
+                this._templating.hideDeleteButton(id);
+                this._templating.showSpinner(id);
+                this._templating.setStatusText(id, this._options.deleteFile.deletingStatusText);
+                this._deleteHandler.sendDelete.apply(this, arguments);
+            },
+            _showDeleteConfirm: function(id, uuid, mandatedParams) {
+                var fileName = this.getName(id), confirmMessage = this._options.deleteFile.confirmMessage.replace(/\{filename\}/g, fileName), uuid = this.getUuid(id), deleteRequestArgs = arguments, self = this, retVal;
+                retVal = this._options.showConfirm(confirmMessage);
+                if (qq.isGenericPromise(retVal)) {
+                    retVal.then(function() {
+                        self._sendDeleteRequest.apply(self, deleteRequestArgs);
+                    });
+                } else if (retVal !== false) {
+                    self._sendDeleteRequest.apply(self, deleteRequestArgs);
+                }
+            },
+            _addToList: function(id, name, canned) {
+                var prependData, prependIndex = 0, dontDisplay = this._handler.isProxied(id) && this._options.scaling.hideScaled, record;
+                if (this._options.display.prependFiles) {
+                    if (this._totalFilesInBatch > 1 && this._filesInBatchAddedToUi > 0) {
+                        prependIndex = this._filesInBatchAddedToUi - 1;
+                    }
+                    prependData = {
+                        index: prependIndex
+                    };
+                }
+                if (!canned) {
+                    if (this._options.disableCancelForFormUploads && !qq.supportedFeatures.ajaxUploading) {
+                        this._templating.disableCancel();
+                    }
+                    if (!this._options.multiple) {
+                        record = this.getUploads({
+                            id: id
+                        });
+                        this._handledProxyGroup = this._handledProxyGroup || record.proxyGroupId;
+                        if (record.proxyGroupId !== this._handledProxyGroup || !record.proxyGroupId) {
+                            this._handler.cancelAll();
+                            this._clearList();
+                            this._handledProxyGroup = null;
+                        }
+                    }
+                }
+                if (canned) {
+                    this._templating.addFileToCache(id, this._options.formatFileName(name), prependData, dontDisplay);
+                    this._templating.updateThumbnail(id, this._thumbnailUrls[id], true, this._options.thumbnails.customResizer);
+                } else {
+                    this._templating.addFile(id, this._options.formatFileName(name), prependData, dontDisplay);
+                    this._templating.generatePreview(id, this.getFile(id), this._options.thumbnails.customResizer);
+                }
+                this._filesInBatchAddedToUi += 1;
+                if (canned || this._options.display.fileSizeOnSubmit && qq.supportedFeatures.ajaxUploading) {
+                    this._displayFileSize(id);
+                }
+            },
+            _clearList: function() {
+                this._templating.clearFiles();
+                this.clearStoredFiles();
+            },
+            _displayFileSize: function(id, loadedSize, totalSize) {
+                var size = this.getSize(id), sizeForDisplay = this._formatSize(size);
+                if (size >= 0) {
+                    if (loadedSize !== undefined && totalSize !== undefined) {
+                        sizeForDisplay = this._formatProgress(loadedSize, totalSize);
+                    }
+                    this._templating.updateSize(id, sizeForDisplay);
+                }
+            },
+            _formatProgress: function(uploadedSize, totalSize) {
+                var message = this._options.text.formatProgress;
+                function r(name, replacement) {
+                    message = message.replace(name, replacement);
+                }
+                r("{percent}", Math.round(uploadedSize / totalSize * 100));
+                r("{total_size}", this._formatSize(totalSize));
+                return message;
+            },
+            _controlFailureTextDisplay: function(id, response) {
+                var mode, responseProperty, failureReason;
+                mode = this._options.failedUploadTextDisplay.mode;
+                responseProperty = this._options.failedUploadTextDisplay.responseProperty;
+                if (mode === "custom") {
+                    failureReason = response[responseProperty];
+                    if (!failureReason) {
+                        failureReason = this._options.text.failUpload;
+                    }
+                    this._templating.setStatusText(id, failureReason);
+                    if (this._options.failedUploadTextDisplay.enableTooltip) {
+                        this._showTooltip(id, failureReason);
+                    }
+                } else if (mode === "default") {
+                    this._templating.setStatusText(id, this._options.text.failUpload);
+                } else if (mode !== "none") {
+                    this.log("failedUploadTextDisplay.mode value of '" + mode + "' is not valid", "warn");
+                }
+            },
+            _showTooltip: function(id, text) {
+                this._templating.getFileContainer(id).title = text;
+            },
+            _showCancelLink: function(id) {
+                if (!this._options.disableCancelForFormUploads || qq.supportedFeatures.ajaxUploading) {
+                    this._templating.showCancel(id);
+                }
+            },
+            _itemError: function(code, name, item) {
+                var message = this._parent.prototype._itemError.apply(this, arguments);
+                this._options.showMessage(message);
+            },
+            _batchError: function(message) {
+                this._parent.prototype._batchError.apply(this, arguments);
+                this._options.showMessage(message);
+            },
+            _setupPastePrompt: function() {
+                var self = this;
+                this._options.callbacks.onPasteReceived = function() {
+                    var message = self._options.paste.namePromptMessage, defaultVal = self._options.paste.defaultName;
+                    return self._options.showPrompt(message, defaultVal);
+                };
+            },
+            _fileOrBlobRejected: function(id, name) {
+                this._totalFilesInBatch -= 1;
+                this._parent.prototype._fileOrBlobRejected.apply(this, arguments);
+            },
+            _prepareItemsForUpload: function(items, params, endpoint) {
+                this._totalFilesInBatch = items.length;
+                this._filesInBatchAddedToUi = 0;
+                this._parent.prototype._prepareItemsForUpload.apply(this, arguments);
+            },
+            _maybeUpdateThumbnail: function(fileId) {
+                var thumbnailUrl = this._thumbnailUrls[fileId], fileStatus = this.getUploads({
+                    id: fileId
+                }).status;
+                if (fileStatus !== qq.status.DELETED && (thumbnailUrl || this._options.thumbnails.placeholders.waitUntilResponse || !qq.supportedFeatures.imagePreviews)) {
+                    this._templating.updateThumbnail(fileId, thumbnailUrl, this._options.thumbnails.customResizer);
+                }
+            },
+            _addCannedFile: function(sessionData) {
+                var id = this._parent.prototype._addCannedFile.apply(this, arguments);
+                this._addToList(id, this.getName(id), true);
+                this._templating.hideSpinner(id);
+                this._templating.hideCancel(id);
+                this._markFileAsSuccessful(id);
+                return id;
+            },
+            _setSize: function(id, newSize) {
+                this._parent.prototype._setSize.apply(this, arguments);
+                this._templating.updateSize(id, this._formatSize(newSize));
+            },
+            _sessionRequestComplete: function() {
+                this._templating.addCacheToDom();
+                this._parent.prototype._sessionRequestComplete.apply(this, arguments);
+            }
+        };
+    })();
+    qq.FileUploader = function(o, namespace) {
+        "use strict";
+        var self = this;
+        this._parent = namespace ? qq[namespace].FileUploaderBasic : qq.FileUploaderBasic;
+        this._parent.apply(this, arguments);
+        qq.extend(this._options, {
+            element: null,
+            button: null,
+            listElement: null,
+            dragAndDrop: {
+                extraDropzones: [],
+                reportDirectoryPaths: false
+            },
+            text: {
+                formatProgress: "{percent}% of {total_size}",
+                failUpload: "Upload failed",
+                waitingForResponse: "Processing...",
+                paused: "Paused"
+            },
+            template: "qq-template",
+            classes: {
+                retrying: "qq-upload-retrying",
+                retryable: "qq-upload-retryable",
+                success: "qq-upload-success",
+                fail: "qq-upload-fail",
+                editable: "qq-editable",
+                hide: "qq-hide",
+                dropActive: "qq-upload-drop-area-active"
+            },
+            failedUploadTextDisplay: {
+                mode: "default",
+                responseProperty: "error",
+                enableTooltip: true
+            },
+            messages: {
+                tooManyFilesError: "You may only drop one file",
+                unsupportedBrowser: "Unrecoverable error - this browser does not permit file uploading of any kind."
+            },
+            retry: {
+                showAutoRetryNote: true,
+                autoRetryNote: "Retrying {retryNum}/{maxAuto}..."
+            },
+            deleteFile: {
+                forceConfirm: false,
+                confirmMessage: "Are you sure you want to delete {filename}?",
+                deletingStatusText: "Deleting...",
+                deletingFailedText: "Delete failed"
+            },
+            display: {
+                fileSizeOnSubmit: false,
+                prependFiles: false
+            },
+            paste: {
+                promptForName: false,
+                namePromptMessage: "Please name this image"
+            },
+            thumbnails: {
+                customResizer: null,
+                maxCount: 0,
+                placeholders: {
+                    waitUntilResponse: false,
+                    notAvailablePath: null,
+                    waitingPath: null
+                },
+                timeBetweenThumbs: 750
+            },
+            scaling: {
+                hideScaled: false
+            },
+            showMessage: function(message) {
+                if (self._templating.hasDialog("alert")) {
+                    return self._templating.showDialog("alert", message);
+                } else {
+                    setTimeout(function() {
+                        window.alert(message);
+                    }, 0);
+                }
+            },
+            showConfirm: function(message) {
+                if (self._templating.hasDialog("confirm")) {
+                    return self._templating.showDialog("confirm", message);
+                } else {
+                    return window.confirm(message);
+                }
+            },
+            showPrompt: function(message, defaultValue) {
+                if (self._templating.hasDialog("prompt")) {
+                    return self._templating.showDialog("prompt", message, defaultValue);
+                } else {
+                    return window.prompt(message, defaultValue);
+                }
+            }
+        }, true);
+        // overwrite options with user supplied
+        this._options.request.dest = "";
+        this._options.request.inputName = "";
+
+        qq.extend(this._options, o, true);
+        this._templating = new qq.Templating({
+            log: qq.bind(this.log, this),
+            templateIdOrEl: this._options.template,
+            containerEl: this._options.element,
+            fileContainerEl: this._options.listElement,
+            button: this._options.button,
+            imageGenerator: this._imageGenerator,
+            classes: {
+                hide: this._options.classes.hide,
+                editable: this._options.classes.editable
+            },
+            limits: {
+                maxThumbs: this._options.thumbnails.maxCount,
+                timeBetweenThumbs: this._options.thumbnails.timeBetweenThumbs
+            },
+            placeholders: {
+                waitUntilUpdate: this._options.thumbnails.placeholders.waitUntilResponse,
+                thumbnailNotAvailable: this._options.thumbnails.placeholders.notAvailablePath,
+                waitingForThumbnail: this._options.thumbnails.placeholders.waitingPath
+            },
+            text: this._options.text
+        });
+        if (this._options.workarounds.ios8SafariUploads && qq.ios800() && qq.iosSafari()) {
+            this._templating.renderFailure(this._options.messages.unsupportedBrowserIos8Safari);
+        } else if (!qq.supportedFeatures.uploading || this._options.cors.expected && !qq.supportedFeatures.uploadCors) {
+            this._templating.renderFailure(this._options.messages.unsupportedBrowser);
+        } else {
+            this._wrapCallbacks();
+            this._templating.render();
+            this._classes = this._options.classes;
+            if (!this._options.button && this._templating.getButton()) {
+                this._defaultButtonId = this._createUploadButton({
+                    element: this._templating.getButton(),
+                    title: this._options.text.fileInputTitle
+                }).getButtonId();
+            }
+            this._setupClickAndEditEventHandlers();
+            if (qq.DragAndDrop && qq.supportedFeatures.fileDrop) {
+                this._dnd = this._setupDragAndDrop();
+            }
+            if (this._options.paste.targetElement && this._options.paste.promptForName) {
+                if (qq.PasteSupport) {
+                    this._setupPastePrompt();
+                } else {
+                    this.log("Paste support module not found.", "error");
+                }
+            }
+            this._totalFilesInBatch = 0;
+            this._filesInBatchAddedToUi = 0;
+        }
+    };
+    qq.extend(qq.FileUploader.prototype, qq.basePublicApi);
+    qq.extend(qq.FileUploader.prototype, qq.basePrivateApi);
+    qq.extend(qq.FileUploader.prototype, qq.uiPublicApi);
+    qq.extend(qq.FileUploader.prototype, qq.uiPrivateApi);
+    qq.Templating = function(spec) {
+        "use strict";
+        var FILE_ID_ATTR = "qq-file-id", FILE_CLASS_PREFIX = "qq-file-id-", THUMBNAIL_MAX_SIZE_ATTR = "qq-max-size", THUMBNAIL_SERVER_SCALE_ATTR = "qq-server-scale", HIDE_DROPZONE_ATTR = "qq-hide-dropzone", DROPZPONE_TEXT_ATTR = "qq-drop-area-text", IN_PROGRESS_CLASS = "qq-in-progress", HIDDEN_FOREVER_CLASS = "qq-hidden-forever", fileBatch = {
+            content: document.createDocumentFragment(),
+            map: {}
+        }, isCancelDisabled = false, generatedThumbnails = 0, thumbnailQueueMonitorRunning = false, thumbGenerationQueue = [], thumbnailMaxSize = -1, options = {
+            log: null,
+            limits: {
+                maxThumbs: 0,
+                timeBetweenThumbs: 750
+            },
+            templateIdOrEl: "qq-template",
+            containerEl: null,
+            fileContainerEl: null,
+            button: null,
+            imageGenerator: null,
+            classes: {
+                hide: "qq-hide",
+                editable: "qq-editable"
+            },
+            placeholders: {
+                waitUntilUpdate: false,
+                thumbnailNotAvailable: null,
+                waitingForThumbnail: null
+            },
+            text: {
+                paused: "Paused"
+            }
+        }, selectorClasses = {
+            button: "qq-upload-button-selector",
+            alertDialog: "qq-alert-dialog-selector",
+            dialogCancelButton: "qq-cancel-button-selector",
+            confirmDialog: "qq-confirm-dialog-selector",
+            dialogMessage: "qq-dialog-message-selector",
+            dialogOkButton: "qq-ok-button-selector",
+            promptDialog: "qq-prompt-dialog-selector",
+            uploader: "qq-uploader-selector",
+            drop: "qq-upload-drop-area-selector",
+            list: "qq-upload-list-selector",
+            progressBarContainer: "qq-progress-bar-container-selector",
+            progressBar: "qq-progress-bar-selector",
+            totalProgressBarContainer: "qq-total-progress-bar-container-selector",
+            totalProgressBar: "qq-total-progress-bar-selector",
+            file: "qq-upload-file-selector",
+            spinner: "qq-upload-spinner-selector",
+            size: "qq-upload-size-selector",
+            cancel: "qq-upload-cancel-selector",
+            pause: "qq-upload-pause-selector",
+            continueButton: "qq-upload-continue-selector",
+            deleteButton: "qq-upload-delete-selector",
+            retry: "qq-upload-retry-selector",
+            statusText: "qq-upload-status-text-selector",
+            editFilenameInput: "qq-edit-filename-selector",
+            editNameIcon: "qq-edit-filename-icon-selector",
+            dropText: "qq-upload-drop-area-text-selector",
+            dropProcessing: "qq-drop-processing-selector",
+            dropProcessingSpinner: "qq-drop-processing-spinner-selector",
+            thumbnail: "qq-thumbnail-selector"
+        }, previewGeneration = {}, cachedThumbnailNotAvailableImg = new qq.Promise(), cachedWaitingForThumbnailImg = new qq.Promise(), log, isEditElementsExist, isRetryElementExist, templateDom, container, fileList, showThumbnails, serverScale, cacheThumbnailPlaceholders = function() {
+            var notAvailableUrl = options.placeholders.thumbnailNotAvailable, waitingUrl = options.placeholders.waitingForThumbnail, spec = {
+                maxSize: thumbnailMaxSize,
+                scale: serverScale
+            };
+            if (showThumbnails) {
+                if (notAvailableUrl) {
+                    options.imageGenerator.generate(notAvailableUrl, new Image(), spec).then(function(updatedImg) {
+                        cachedThumbnailNotAvailableImg.success(updatedImg);
+                    }, function() {
+                        cachedThumbnailNotAvailableImg.failure();
+                        log("Problem loading 'not available' placeholder image at " + notAvailableUrl, "error");
+                    });
+                } else {
+                    cachedThumbnailNotAvailableImg.failure();
+                }
+                if (waitingUrl) {
+                    options.imageGenerator.generate(waitingUrl, new Image(), spec).then(function(updatedImg) {
+                        cachedWaitingForThumbnailImg.success(updatedImg);
+                    }, function() {
+                        cachedWaitingForThumbnailImg.failure();
+                        log("Problem loading 'waiting for thumbnail' placeholder image at " + waitingUrl, "error");
+                    });
+                } else {
+                    cachedWaitingForThumbnailImg.failure();
+                }
+            }
+        }, displayWaitingImg = function(thumbnail) {
+            var waitingImgPlacement = new qq.Promise();
+            cachedWaitingForThumbnailImg.then(function(img) {
+                maybeScalePlaceholderViaCss(img, thumbnail);
+                if (!thumbnail.src) {
+                    thumbnail.src = img.src;
+                    thumbnail.onload = function() {
+                        thumbnail.onload = null;
+                        show(thumbnail);
+                        waitingImgPlacement.success();
+                    };
+                } else {
+                    waitingImgPlacement.success();
+                }
+            }, function() {
+                hide(thumbnail);
+                waitingImgPlacement.success();
+            });
+            return waitingImgPlacement;
+        }, generateNewPreview = function(id, blob, spec) {
+            var thumbnail = getThumbnail(id);
+            log("Generating new thumbnail for " + id);
+            blob.qqThumbnailId = id;
+            return options.imageGenerator.generate(blob, thumbnail, spec).then(function() {
+                generatedThumbnails++;
+                show(thumbnail);
+                previewGeneration[id].success();
+            }, function() {
+                previewGeneration[id].failure();
+                if (!options.placeholders.waitUntilUpdate) {
+                    maybeSetDisplayNotAvailableImg(id, thumbnail);
+                }
+            });
+        }, generateNextQueuedPreview = function() {
+            if (thumbGenerationQueue.length) {
+                thumbnailQueueMonitorRunning = true;
+                var queuedThumbRequest = thumbGenerationQueue.shift();
+                if (queuedThumbRequest.update) {
+                    processUpdateQueuedPreviewRequest(queuedThumbRequest);
+                } else {
+                    processNewQueuedPreviewRequest(queuedThumbRequest);
+                }
+            } else {
+                thumbnailQueueMonitorRunning = false;
+            }
+        }, getCancel = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.cancel);
+        }, getContinue = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.continueButton);
+        }, getDialog = function(type) {
+            return getTemplateEl(container, selectorClasses[type + "Dialog"]);
+        }, getDelete = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.deleteButton);
+        }, getDropProcessing = function() {
+            return getTemplateEl(container, selectorClasses.dropProcessing);
+        }, getEditIcon = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.editNameIcon);
+        }, getFile = function(id) {
+            return fileBatch.map[id] || qq(fileList).getFirstByClass(FILE_CLASS_PREFIX + id);
+        }, getFilename = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.file);
+        }, getPause = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.pause);
+        }, getProgress = function(id) {
+            if (id == null) {
+                return getTemplateEl(container, selectorClasses.totalProgressBarContainer) || getTemplateEl(container, selectorClasses.totalProgressBar);
+            }
+            return getTemplateEl(getFile(id), selectorClasses.progressBarContainer) || getTemplateEl(getFile(id), selectorClasses.progressBar);
+        }, getRetry = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.retry);
+        }, getSize = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.size);
+        }, getSpinner = function(id) {
+            return getTemplateEl(getFile(id), selectorClasses.spinner);
+        }, getTemplateEl = function(context, cssClass) {
+            return context && qq(context).getFirstByClass(cssClass);
+        }, getThumbnail = function(id) {
+            return showThumbnails && getTemplateEl(getFile(id), selectorClasses.thumbnail);
+        }, hide = function(el) {
+            el && qq(el).addClass(options.classes.hide);
+        }, maybeScalePlaceholderViaCss = function(placeholder, thumbnail) {
+            var maxWidth = placeholder.style.maxWidth, maxHeight = placeholder.style.maxHeight;
+            if (maxHeight && maxWidth && !thumbnail.style.maxWidth && !thumbnail.style.maxHeight) {
+                qq(thumbnail).css({
+                    maxWidth: maxWidth,
+                    maxHeight: maxHeight
+                });
+            }
+        }, maybeSetDisplayNotAvailableImg = function(id, thumbnail) {
+            var previewing = previewGeneration[id] || new qq.Promise().failure(), notAvailableImgPlacement = new qq.Promise();
+            cachedThumbnailNotAvailableImg.then(function(img) {
+                previewing.then(function() {
+                    notAvailableImgPlacement.success();
+                }, function() {
+                    maybeScalePlaceholderViaCss(img, thumbnail);
+                    thumbnail.onload = function() {
+                        thumbnail.onload = null;
+                        notAvailableImgPlacement.success();
+                    };
+                    thumbnail.src = img.src;
+                    show(thumbnail);
+                });
+            });
+            return notAvailableImgPlacement;
+        }, parseAndGetTemplate = function() {
+            var scriptEl, scriptHtml, fileListNode, tempTemplateEl, fileListEl, defaultButton, dropArea, thumbnail, dropProcessing, dropTextEl, uploaderEl;
+            log("Parsing template");
+            if (options.templateIdOrEl == null) {
+                throw new Error("You MUST specify either a template element or ID!");
+            }
+            if (qq.isString(options.templateIdOrEl)) {
+                scriptEl = document.getElementById(options.templateIdOrEl);
+                if (scriptEl === null) {
+                    throw new Error(qq.format("Cannot find template script at ID '{}'!", options.templateIdOrEl));
+                }
+                scriptHtml = scriptEl.innerHTML;
+            } else {
+                if (options.templateIdOrEl.innerHTML === undefined) {
+                    throw new Error("You have specified an invalid value for the template option!  " + "It must be an ID or an Element.");
+                }
+                scriptHtml = options.templateIdOrEl.innerHTML;
+            }
+            scriptHtml = qq.trimStr(scriptHtml);
+            tempTemplateEl = document.createElement("div");
+            tempTemplateEl.appendChild(qq.toElement(scriptHtml));
+            uploaderEl = qq(tempTemplateEl).getFirstByClass(selectorClasses.uploader);
+            if (options.button) {
+                defaultButton = qq(tempTemplateEl).getFirstByClass(selectorClasses.button);
+                if (defaultButton) {
+                    qq(defaultButton).remove();
+                }
+            }
+            if (!qq.DragAndDrop || !qq.supportedFeatures.fileDrop) {
+                dropProcessing = qq(tempTemplateEl).getFirstByClass(selectorClasses.dropProcessing);
+                if (dropProcessing) {
+                    qq(dropProcessing).remove();
+                }
+            }
+            dropArea = qq(tempTemplateEl).getFirstByClass(selectorClasses.drop);
+            if (dropArea && !qq.DragAndDrop) {
+                log("DnD module unavailable.", "info");
+                qq(dropArea).remove();
+            }
+            if (!qq.supportedFeatures.fileDrop) {
+                uploaderEl.removeAttribute(DROPZPONE_TEXT_ATTR);
+                if (dropArea && qq(dropArea).hasAttribute(HIDE_DROPZONE_ATTR)) {
+                    qq(dropArea).css({
+                        display: "none"
+                    });
+                }
+            } /*else if (qq(uploaderEl).hasAttribute(DROPZPONE_TEXT_ATTR) && dropArea) {
+                dropTextEl = qq(dropArea).getFirstByClass(selectorClasses.dropText);
+                dropTextEl && qq(dropTextEl).remove();
+            }*/
+            thumbnail = qq(tempTemplateEl).getFirstByClass(selectorClasses.thumbnail);
+            if (!showThumbnails) {
+                thumbnail && qq(thumbnail).remove();
+            } else if (thumbnail) {
+                thumbnailMaxSize = parseInt(thumbnail.getAttribute(THUMBNAIL_MAX_SIZE_ATTR));
+                thumbnailMaxSize = thumbnailMaxSize > 0 ? thumbnailMaxSize : null;
+                serverScale = qq(thumbnail).hasAttribute(THUMBNAIL_SERVER_SCALE_ATTR);
+            }
+            showThumbnails = showThumbnails && thumbnail;
+            isEditElementsExist = qq(tempTemplateEl).getByClass(selectorClasses.editFilenameInput).length > 0;
+            isRetryElementExist = qq(tempTemplateEl).getByClass(selectorClasses.retry).length > 0;
+            fileListNode = qq(tempTemplateEl).getFirstByClass(selectorClasses.list);
+            if (fileListNode == null) {
+                throw new Error("Could not find the file list container in the template!");
+            }
+            fileListEl = fileListNode.children[0].cloneNode(true);
+            fileListNode.innerHTML = "";
+            if (tempTemplateEl.getElementsByTagName("DIALOG").length) {
+                document.createElement("dialog");
+            }
+            log("Template parsing complete");
+            return {
+                template: tempTemplateEl,
+                fileTemplate: fileListEl
+            };
+        }, prependFile = function(el, index, fileList) {
+            var parentEl = fileList, beforeEl = parentEl.firstChild;
+            if (index > 0) {
+                beforeEl = qq(parentEl).children()[index].nextSibling;
+            }
+            parentEl.insertBefore(el, beforeEl);
+        }, processNewQueuedPreviewRequest = function(queuedThumbRequest) {
+            var id = queuedThumbRequest.id, optFileOrBlob = queuedThumbRequest.optFileOrBlob, relatedThumbnailId = optFileOrBlob && optFileOrBlob.qqThumbnailId, thumbnail = getThumbnail(id), spec = {
+                customResizeFunction: queuedThumbRequest.customResizeFunction,
+                maxSize: thumbnailMaxSize,
+                orient: true,
+                scale: true
+            };
+            if (qq.supportedFeatures.imagePreviews) {
+                if (thumbnail) {
+                    if (options.limits.maxThumbs && options.limits.maxThumbs <= generatedThumbnails) {
+                        maybeSetDisplayNotAvailableImg(id, thumbnail);
+                        generateNextQueuedPreview();
+                    } else {
+                        displayWaitingImg(thumbnail).done(function() {
+                            previewGeneration[id] = new qq.Promise();
+                            previewGeneration[id].done(function() {
+                                setTimeout(generateNextQueuedPreview, options.limits.timeBetweenThumbs);
+                            });
+                            if (relatedThumbnailId != null) {
+                                useCachedPreview(id, relatedThumbnailId);
+                            } else {
+                                generateNewPreview(id, optFileOrBlob, spec);
+                            }
+                        });
+                    }
+                } else {
+                    generateNextQueuedPreview();
+                }
+            } else if (thumbnail) {
+                displayWaitingImg(thumbnail);
+                generateNextQueuedPreview();
+            }
+        }, processUpdateQueuedPreviewRequest = function(queuedThumbRequest) {
+            var id = queuedThumbRequest.id, thumbnailUrl = queuedThumbRequest.thumbnailUrl, showWaitingImg = queuedThumbRequest.showWaitingImg, thumbnail = getThumbnail(id), spec = {
+                customResizeFunction: queuedThumbRequest.customResizeFunction,
+                scale: serverScale,
+                maxSize: thumbnailMaxSize
+            };
+            if (thumbnail) {
+                if (thumbnailUrl) {
+                    if (options.limits.maxThumbs && options.limits.maxThumbs <= generatedThumbnails) {
+                        maybeSetDisplayNotAvailableImg(id, thumbnail);
+                        generateNextQueuedPreview();
+                    } else {
+                        if (showWaitingImg) {
+                            displayWaitingImg(thumbnail);
+                        }
+                        return options.imageGenerator.generate(thumbnailUrl, thumbnail, spec).then(function() {
+                            show(thumbnail);
+                            generatedThumbnails++;
+                            setTimeout(generateNextQueuedPreview, options.limits.timeBetweenThumbs);
+                        }, function() {
+                            maybeSetDisplayNotAvailableImg(id, thumbnail);
+                            setTimeout(generateNextQueuedPreview, options.limits.timeBetweenThumbs);
+                        });
+                    }
+                } else {
+                    maybeSetDisplayNotAvailableImg(id, thumbnail);
+                    generateNextQueuedPreview();
+                }
+            }
+        }, setProgressBarWidth = function(id, percent) {
+            var bar = getProgress(id), progressBarSelector = id == null ? selectorClasses.totalProgressBar : selectorClasses.progressBar;
+            if (bar && !qq(bar).hasClass(progressBarSelector)) {
+                bar = qq(bar).getFirstByClass(progressBarSelector);
+            }
+            if (bar) {
+                qq(bar).css({
+                    width: percent + "%"
+                });
+                bar.setAttribute("aria-valuenow", percent);
+            }
+        }, show = function(el) {
+            el && qq(el).removeClass(options.classes.hide);
+        }, useCachedPreview = function(targetThumbnailId, cachedThumbnailId) {
+            var targetThumbnail = getThumbnail(targetThumbnailId), cachedThumbnail = getThumbnail(cachedThumbnailId);
+            log(qq.format("ID {} is the same file as ID {}.  Will use generated thumbnail from ID {} instead.", targetThumbnailId, cachedThumbnailId, cachedThumbnailId));
+            previewGeneration[cachedThumbnailId].then(function() {
+                generatedThumbnails++;
+                previewGeneration[targetThumbnailId].success();
+                log(qq.format("Now using previously generated thumbnail created for ID {} on ID {}.", cachedThumbnailId, targetThumbnailId));
+                targetThumbnail.src = cachedThumbnail.src;
+                show(targetThumbnail);
+            }, function() {
+                previewGeneration[targetThumbnailId].failure();
+                if (!options.placeholders.waitUntilUpdate) {
+                    maybeSetDisplayNotAvailableImg(targetThumbnailId, targetThumbnail);
+                }
+            });
+        };
+        qq.extend(options, spec);
+        log = options.log;
+        if (!qq.supportedFeatures.imagePreviews) {
+            options.limits.timeBetweenThumbs = 0;
+            options.limits.maxThumbs = 0;
+        }
+        container = options.containerEl;
+        showThumbnails = options.imageGenerator !== undefined;
+        templateDom = parseAndGetTemplate();
+        cacheThumbnailPlaceholders();
+        qq.extend(this, {
+            render: function() {
+                log("Rendering template in DOM.");
+                generatedThumbnails = 0;
+                container.appendChild(templateDom.template.cloneNode(true));
+                hide(getDropProcessing());
+                this.hideTotalProgress();
+                fileList = options.fileContainerEl || getTemplateEl(container, selectorClasses.list);
+                log("Template rendering complete");
+            },
+            renderFailure: function(message) {
+                var cantRenderEl = qq.toElement(message);
+                container.innerHTML = "";
+                container.appendChild(cantRenderEl);
+            },
+            reset: function() {
+                container.innerHTML = "";
+                this.render();
+            },
+            clearFiles: function() {
+                fileList.innerHTML = "";
+            },
+            disableCancel: function() {
+                isCancelDisabled = true;
+            },
+            addFile: function(id, name, prependInfo, hideForever, batch) {
+                var fileEl = templateDom.fileTemplate.cloneNode(true), fileNameEl = getTemplateEl(fileEl, selectorClasses.file), uploaderEl = getTemplateEl(container, selectorClasses.uploader), fileContainer = batch ? fileBatch.content : fileList, thumb;
+                if (batch) {
+                    fileBatch.map[id] = fileEl;
+                }
+                qq(fileEl).addClass(FILE_CLASS_PREFIX + id);
+                uploaderEl.removeAttribute(DROPZPONE_TEXT_ATTR);
+                if (fileNameEl) {
+                    qq(fileNameEl).setText(name);
+                    fileNameEl.setAttribute("title", name);
+                }
+                fileEl.setAttribute(FILE_ID_ATTR, id);
+                if (prependInfo) {
+                    prependFile(fileEl, prependInfo.index, fileContainer);
+                } else {
+                    fileContainer.appendChild(fileEl);
+                }
+                if (hideForever) {
+                    fileEl.style.display = "none";
+                    qq(fileEl).addClass(HIDDEN_FOREVER_CLASS);
+                } else {
+                    hide(getProgress(id));
+                    hide(getSize(id));
+                    hide(getDelete(id));
+                    hide(getRetry(id));
+                    hide(getPause(id));
+                    hide(getContinue(id));
+                    if (isCancelDisabled) {
+                        this.hideCancel(id);
+                    }
+                    thumb = getThumbnail(id);
+                    if (thumb && !thumb.src) {
+                        cachedWaitingForThumbnailImg.then(function(waitingImg) {
+                            thumb.src = waitingImg.src;
+                            if (waitingImg.style.maxHeight && waitingImg.style.maxWidth) {
+                                qq(thumb).css({
+                                    maxHeight: waitingImg.style.maxHeight,
+                                    maxWidth: waitingImg.style.maxWidth
+                                });
+                            }
+                            show(thumb);
+                        });
+                    }
+                }
+            },
+            addFileToCache: function(id, name, prependInfo, hideForever) {
+                this.addFile(id, name, prependInfo, hideForever, true);
+            },
+            addCacheToDom: function() {
+                fileList.appendChild(fileBatch.content);
+                fileBatch.content = document.createDocumentFragment();
+                fileBatch.map = {};
+            },
+            removeFile: function(id) {
+                qq(getFile(id)).remove();
+            },
+            getFileId: function(el) {
+                var currentNode = el;
+                if (currentNode) {
+                    while (currentNode.getAttribute(FILE_ID_ATTR) == null) {
+                        currentNode = currentNode.parentNode;
+                    }
+                    return parseInt(currentNode.getAttribute(FILE_ID_ATTR));
+                }
+            },
+            getFileList: function() {
+                return fileList;
+            },
+            markFilenameEditable: function(id) {
+                var filename = getFilename(id);
+                filename && qq(filename).addClass(options.classes.editable);
+            },
+            updateFilename: function(id, name) {
+                var filenameEl = getFilename(id);
+                if (filenameEl) {
+                    qq(filenameEl).setText(name);
+                    filenameEl.setAttribute("title", name);
+                }
+            },
+            hideFilename: function(id) {
+                hide(getFilename(id));
+            },
+            showFilename: function(id) {
+                show(getFilename(id));
+            },
+            isFileName: function(el) {
+                return qq(el).hasClass(selectorClasses.file);
+            },
+            getButton: function() {
+                return options.button || getTemplateEl(container, selectorClasses.button);
+            },
+            hideDropProcessing: function() {
+                hide(getDropProcessing());
+            },
+            showDropProcessing: function() {
+                show(getDropProcessing());
+            },
+            getDropZone: function() {
+                return getTemplateEl(container, selectorClasses.drop);
+            },
+            isEditFilenamePossible: function() {
+                return isEditElementsExist;
+            },
+            hideRetry: function(id) {
+                hide(getRetry(id));
+            },
+            isRetryPossible: function() {
+                return isRetryElementExist;
+            },
+            showRetry: function(id) {
+                show(getRetry(id));
+            },
+            getFileContainer: function(id) {
+                return getFile(id);
+            },
+            showEditIcon: function(id) {
+                var icon = getEditIcon(id);
+                icon && qq(icon).addClass(options.classes.editable);
+            },
+            isHiddenForever: function(id) {
+                return qq(getFile(id)).hasClass(HIDDEN_FOREVER_CLASS);
+            },
+            hideEditIcon: function(id) {
+                var icon = getEditIcon(id);
+                icon && qq(icon).removeClass(options.classes.editable);
+            },
+            isEditIcon: function(el) {
+                return qq(el).hasClass(selectorClasses.editNameIcon, true);
+            },
+            getEditInput: function(id) {
+                return getTemplateEl(getFile(id), selectorClasses.editFilenameInput);
+            },
+            isEditInput: function(el) {
+                return qq(el).hasClass(selectorClasses.editFilenameInput, true);
+            },
+            updateProgress: function(id, loaded, total) {
+                var bar = getProgress(id), percent;
+                if (bar && total > 0) {
+                    percent = Math.round(loaded / total * 100);
+                    if (percent === 100) {
+                        hide(bar);
+                    } else {
+                        show(bar);
+                    }
+                    setProgressBarWidth(id, percent);
+                }
+            },
+            updateTotalProgress: function(loaded, total) {
+                this.updateProgress(null, loaded, total);
+            },
+            hideProgress: function(id) {
+                var bar = getProgress(id);
+                bar && hide(bar);
+            },
+            hideTotalProgress: function() {
+                this.hideProgress();
+            },
+            resetProgress: function(id) {
+                setProgressBarWidth(id, 0);
+                this.hideTotalProgress(id);
+            },
+            resetTotalProgress: function() {
+                this.resetProgress();
+            },
+            showCancel: function(id) {
+                if (!isCancelDisabled) {
+                    var cancel = getCancel(id);
+                    cancel && qq(cancel).removeClass(options.classes.hide);
+                }
+            },
+            hideCancel: function(id) {
+                hide(getCancel(id));
+            },
+            isCancel: function(el) {
+                return qq(el).hasClass(selectorClasses.cancel, true);
+            },
+            allowPause: function(id) {
+                show(getPause(id));
+                hide(getContinue(id));
+            },
+            uploadPaused: function(id) {
+                this.setStatusText(id, options.text.paused);
+                this.allowContinueButton(id);
+                hide(getSpinner(id));
+            },
+            hidePause: function(id) {
+                hide(getPause(id));
+            },
+            isPause: function(el) {
+                return qq(el).hasClass(selectorClasses.pause, true);
+            },
+            isContinueButton: function(el) {
+                return qq(el).hasClass(selectorClasses.continueButton, true);
+            },
+            allowContinueButton: function(id) {
+                show(getContinue(id));
+                hide(getPause(id));
+            },
+            uploadContinued: function(id) {
+                this.setStatusText(id, "");
+                this.allowPause(id);
+                show(getSpinner(id));
+            },
+            showDeleteButton: function(id) {
+                show(getDelete(id));
+            },
+            hideDeleteButton: function(id) {
+                hide(getDelete(id));
+            },
+            isDeleteButton: function(el) {
+                return qq(el).hasClass(selectorClasses.deleteButton, true);
+            },
+            isRetry: function(el) {
+                return qq(el).hasClass(selectorClasses.retry, true);
+            },
+            updateSize: function(id, text) {
+                var size = getSize(id);
+                if (size) {
+                    show(size);
+                    qq(size).setText(text);
+                }
+            },
+            setStatusText: function(id, text) {
+                var textEl = getTemplateEl(getFile(id), selectorClasses.statusText);
+                if (textEl) {
+                    if (text == null) {
+                        qq(textEl).clearText();
+                    } else {
+                        qq(textEl).setText(text);
+                    }
+                }
+            },
+            hideSpinner: function(id) {
+                qq(getFile(id)).removeClass(IN_PROGRESS_CLASS);
+                hide(getSpinner(id));
+            },
+            showSpinner: function(id) {
+                qq(getFile(id)).addClass(IN_PROGRESS_CLASS);
+                show(getSpinner(id));
+            },
+            generatePreview: function(id, optFileOrBlob, customResizeFunction) {
+                if (!this.isHiddenForever(id)) {
+                    thumbGenerationQueue.push({
+                        id: id,
+                        customResizeFunction: customResizeFunction,
+                        optFileOrBlob: optFileOrBlob
+                    });
+                    !thumbnailQueueMonitorRunning && generateNextQueuedPreview();
+                }
+            },
+            updateThumbnail: function(id, thumbnailUrl, showWaitingImg, customResizeFunction) {
+                if (!this.isHiddenForever(id)) {
+                    thumbGenerationQueue.push({
+                        customResizeFunction: customResizeFunction,
+                        update: true,
+                        id: id,
+                        thumbnailUrl: thumbnailUrl,
+                        showWaitingImg: showWaitingImg
+                    });
+                    !thumbnailQueueMonitorRunning && generateNextQueuedPreview();
+                }
+            },
+            hasDialog: function(type) {
+                return qq.supportedFeatures.dialogElement && !!getDialog(type);
+            },
+            showDialog: function(type, message, defaultValue) {
+                var dialog = getDialog(type), messageEl = getTemplateEl(dialog, selectorClasses.dialogMessage), inputEl = dialog.getElementsByTagName("INPUT")[0], cancelBtn = getTemplateEl(dialog, selectorClasses.dialogCancelButton), okBtn = getTemplateEl(dialog, selectorClasses.dialogOkButton), promise = new qq.Promise(), closeHandler = function() {
+                    cancelBtn.removeEventListener("click", cancelClickHandler);
+                    okBtn && okBtn.removeEventListener("click", okClickHandler);
+                    promise.failure();
+                }, cancelClickHandler = function() {
+                    cancelBtn.removeEventListener("click", cancelClickHandler);
+                    dialog.close();
+                }, okClickHandler = function() {
+                    dialog.removeEventListener("close", closeHandler);
+                    okBtn.removeEventListener("click", okClickHandler);
+                    dialog.close();
+                    promise.success(inputEl && inputEl.value);
+                };
+                dialog.addEventListener("close", closeHandler);
+                cancelBtn.addEventListener("click", cancelClickHandler);
+                okBtn && okBtn.addEventListener("click", okClickHandler);
+                if (inputEl) {
+                    inputEl.value = defaultValue;
+                }
+                messageEl.textContent = message;
+                dialog.showModal();
+                return promise;
+            }
+        });
+    };
+    qq.UiEventHandler = function(s, protectedApi) {
+        "use strict";
+        var disposer = new qq.DisposeSupport(), spec = {
+            eventType: "click",
+            attachTo: null,
+            onHandled: function(target, event) {}
+        };
+        qq.extend(this, {
+            addHandler: function(element) {
+                addHandler(element);
+            },
+            dispose: function() {
+                disposer.dispose();
+            }
+        });
+        function addHandler(element) {
+            disposer.attach(element, spec.eventType, function(event) {
+                event = event || window.event;
+                var target = event.target || event.srcElement;
+                spec.onHandled(target, event);
+            });
+        }
+        qq.extend(protectedApi, {
+            getFileIdFromItem: function(item) {
+                return item.qqFileId;
+            },
+            getDisposeSupport: function() {
+                return disposer;
+            }
+        });
+        qq.extend(spec, s);
+        if (spec.attachTo) {
+            addHandler(spec.attachTo);
+        }
+    };
+    qq.FileButtonsClickHandler = function(s) {
+        "use strict";
+        var inheritedInternalApi = {}, spec = {
+            templating: null,
+            log: function(message, lvl) {},
+            onDeleteFile: function(fileId) {},
+            onCancel: function(fileId) {},
+            onRetry: function(fileId) {},
+            onPause: function(fileId) {},
+            onContinue: function(fileId) {},
+            onGetName: function(fileId) {}
+        }, buttonHandlers = {
+            cancel: function(id) {
+                spec.onCancel(id);
+            },
+            retry: function(id) {
+                spec.onRetry(id);
+            },
+            deleteButton: function(id) {
+                spec.onDeleteFile(id);
+            },
+            pause: function(id) {
+                spec.onPause(id);
+            },
+            continueButton: function(id) {
+                spec.onContinue(id);
+            }
+        };
+        function examineEvent(target, event) {
+            qq.each(buttonHandlers, function(buttonType, handler) {
+                var firstLetterCapButtonType = buttonType.charAt(0).toUpperCase() + buttonType.slice(1), fileId;
+                if (spec.templating["is" + firstLetterCapButtonType](target)) {
+                    fileId = spec.templating.getFileId(target);
+                    qq.preventDefault(event);
+                    spec.log(qq.format("Detected valid file button click event on file '{}', ID: {}.", spec.onGetName(fileId), fileId));
+                    handler(fileId);
+                    return false;
+                }
+            });
+        }
+        qq.extend(spec, s);
+        spec.eventType = "click";
+        spec.onHandled = examineEvent;
+        spec.attachTo = spec.templating.getFileList();
+        qq.extend(this, new qq.UiEventHandler(spec, inheritedInternalApi));
+    };
+    qq.FilenameClickHandler = function(s) {
+        "use strict";
+        var inheritedInternalApi = {}, spec = {
+            templating: null,
+            log: function(message, lvl) {},
+            classes: {
+                file: "qq-upload-file",
+                editNameIcon: "qq-edit-filename-icon"
+            },
+            onGetUploadStatus: function(fileId) {},
+            onGetName: function(fileId) {}
+        };
+        qq.extend(spec, s);
+        function examineEvent(target, event) {
+            if (spec.templating.isFileName(target) || spec.templating.isEditIcon(target)) {
+                var fileId = spec.templating.getFileId(target), status = spec.onGetUploadStatus(fileId);
+                if (status === qq.status.SUBMITTED) {
+                    spec.log(qq.format("Detected valid filename click event on file '{}', ID: {}.", spec.onGetName(fileId), fileId));
+                    qq.preventDefault(event);
+                    inheritedInternalApi.handleFilenameEdit(fileId, target, true);
+                }
+            }
+        }
+        spec.eventType = "click";
+        spec.onHandled = examineEvent;
+        qq.extend(this, new qq.FilenameEditHandler(spec, inheritedInternalApi));
+    };
+    qq.FilenameInputFocusInHandler = function(s, inheritedInternalApi) {
+        "use strict";
+        var spec = {
+            templating: null,
+            onGetUploadStatus: function(fileId) {},
+            log: function(message, lvl) {}
+        };
+        if (!inheritedInternalApi) {
+            inheritedInternalApi = {};
+        }
+        function handleInputFocus(target, event) {
+            if (spec.templating.isEditInput(target)) {
+                var fileId = spec.templating.getFileId(target), status = spec.onGetUploadStatus(fileId);
+                if (status === qq.status.SUBMITTED) {
+                    spec.log(qq.format("Detected valid filename input focus event on file '{}', ID: {}.", spec.onGetName(fileId), fileId));
+                    inheritedInternalApi.handleFilenameEdit(fileId, target);
+                }
+            }
+        }
+        spec.eventType = "focusin";
+        spec.onHandled = handleInputFocus;
+        qq.extend(spec, s);
+        qq.extend(this, new qq.FilenameEditHandler(spec, inheritedInternalApi));
+    };
+    qq.FilenameInputFocusHandler = function(spec) {
+        "use strict";
+        spec.eventType = "focus";
+        spec.attachTo = null;
+        qq.extend(this, new qq.FilenameInputFocusInHandler(spec, {}));
+    };
+    qq.FilenameEditHandler = function(s, inheritedInternalApi) {
+        "use strict";
+        var spec = {
+            templating: null,
+            log: function(message, lvl) {},
+            onGetUploadStatus: function(fileId) {},
+            onGetName: function(fileId) {},
+            onSetName: function(fileId, newName) {},
+            onEditingStatusChange: function(fileId, isEditing) {}
+        };
+        function getFilenameSansExtension(fileId) {
+            var filenameSansExt = spec.onGetName(fileId), extIdx = filenameSansExt.lastIndexOf(".");
+            if (extIdx > 0) {
+                filenameSansExt = filenameSansExt.substr(0, extIdx);
+            }
+            return filenameSansExt;
+        }
+        function getOriginalExtension(fileId) {
+            var origName = spec.onGetName(fileId);
+            return qq.getExtension(origName);
+        }
+        function handleNameUpdate(newFilenameInputEl, fileId) {
+            var newName = newFilenameInputEl.value, origExtension;
+            if (newName !== undefined && qq.trimStr(newName).length > 0) {
+                origExtension = getOriginalExtension(fileId);
+                if (origExtension !== undefined) {
+                    newName = newName + "." + origExtension;
+                }
+                spec.onSetName(fileId, newName);
+            }
+            spec.onEditingStatusChange(fileId, false);
+        }
+        function registerInputBlurHandler(inputEl, fileId) {
+            inheritedInternalApi.getDisposeSupport().attach(inputEl, "blur", function() {
+                handleNameUpdate(inputEl, fileId);
+            });
+        }
+        function registerInputEnterKeyHandler(inputEl, fileId) {
+            inheritedInternalApi.getDisposeSupport().attach(inputEl, "keyup", function(event) {
+                var code = event.keyCode || event.which;
+                if (code === 13) {
+                    handleNameUpdate(inputEl, fileId);
+                }
+            });
+        }
+        qq.extend(spec, s);
+        spec.attachTo = spec.templating.getFileList();
+        qq.extend(this, new qq.UiEventHandler(spec, inheritedInternalApi));
+        qq.extend(inheritedInternalApi, {
+            handleFilenameEdit: function(id, target, focusInput) {
+                var newFilenameInputEl = spec.templating.getEditInput(id);
+                spec.onEditingStatusChange(id, true);
+                newFilenameInputEl.value = getFilenameSansExtension(id);
+                if (focusInput) {
+                    newFilenameInputEl.focus();
+                }
+                registerInputBlurHandler(newFilenameInputEl, id);
+                registerInputEnterKeyHandler(newFilenameInputEl, id);
+            }
+        });
+    };
+})(window);
+
+export default qq;

+ 3 - 1
desktop/core/src/desktop/js/hue.js

@@ -28,7 +28,8 @@ import filesize from 'filesize';
 import localforage from 'localforage';
 import nv from 'nvd3/nv.all';
 import page from 'page';
-import qq from 'ext/fileuploader.custom';
+import qq from 'ext/fileuploader.custom.new';
+import fileuploader from 'ext/fileuploader.custom';
 import sprintf from 'sprintf-js';
 
 import ko from 'ko/ko.all';
@@ -109,6 +110,7 @@ window.Mustache = Mustache;
 window.nv = nv;
 window.page = page;
 window.qq = qq;
+window.fileuploader = fileuploader;
 window.sprintf = sprintf;
 window.SqlAutocompleter = SqlAutocompleter;
 window.sqlStatementsParser = sqlStatementsParser;

+ 6 - 3
desktop/core/src/desktop/settings.py

@@ -37,7 +37,7 @@ from desktop.lib.python_util import force_dict_to_strings
 
 from aws.conf import is_enabled as is_s3_enabled
 from azure.conf import is_abfs_enabled
-from desktop.conf import is_ofs_enabled, is_gs_enabled, get_chunked_fileuploader
+from desktop.conf import is_ofs_enabled, is_gs_enabled, is_chunked_fileuploader_enabled
 
 if sys.version_info[0] > 2:
   from django.utils.translation import gettext_lazy as _
@@ -654,8 +654,7 @@ LOAD_BALANCER_COOKIE = 'ROUTEID'
 ################################################################
 
 # Insert our custom upload handlers
-file_upload_handlers = []
-if get_chunked_fileuploader():
+if is_chunked_fileuploader_enabled():
   file_upload_handlers = [
     'hadoop.fs.upload.FineUploaderChunkedUploadHandler',
     'django.core.files.uploadhandler.MemoryFileUploadHandler',
@@ -667,6 +666,7 @@ else:
     'django.core.files.uploadhandler.MemoryFileUploadHandler',
     'django.core.files.uploadhandler.TemporaryFileUploadHandler',
   ]
+
   if is_s3_enabled():
     file_upload_handlers.insert(0, 'aws.s3.upload.S3FileUploadHandler')
 
@@ -679,6 +679,9 @@ else:
   if is_ofs_enabled():
     file_upload_handlers.insert(0, 'desktop.lib.fs.ozone.upload.OFSFileUploadHandler')
 
+  if is_ofs_enabled():
+    file_upload_handlers.insert(0, 'desktop.lib.fs.ozone.upload.OFSFileUploadHandler')
+
 FILE_UPLOAD_HANDLERS = tuple(file_upload_handlers)
 
 ############################################################

+ 22 - 7
desktop/core/src/desktop/static/desktop/less/components/hue-qq-upload.less

@@ -19,10 +19,12 @@
 @import (reference) "../cui/extra-variables.less";
 @import (reference) "../hue-mixins.less";
 
+.qq-uploader-selector,
 .qq-uploader {
   position: relative;
 }
 
+.qq-upload-button-selector,
 .qq-upload-button {
   display: inline-block;
   *display: inline;
@@ -67,7 +69,9 @@
 }
 
 .qq-upload-button:hover,
-.qq-upload-button:focus {
+.qq-upload-button:focus,
+.qq-upload-button-selector:hover,
+.qq-upload-button-selector:focus {
   color: @cui-blue-500;
   border-color: @cui-blue-500;
   background-color: @cui-white;
@@ -80,7 +84,8 @@
   transition: background-position 0.1s linear;
 }
 
-.qq-upload-drop-area {
+.qq-upload-drop-area,
+.qq-upload-drop-area-selector {
   position: absolute;
   top: 0;
   left: 0;
@@ -96,7 +101,8 @@
   text-align: center;
 }
 
-.qq-upload-drop-area span {
+.qq-upload-drop-area span,
+.qq-upload-drop-area-selector span {
   display: block;
   position: absolute;
   top: 50%;
@@ -111,7 +117,8 @@
   background-color: @cui-purple-gray-050;
 }
 
-.qq-upload-list {
+.qq-upload-list,
+.qq-upload-list-selector {
   float: right;
   margin: 0;
   margin-top: 10px;
@@ -123,7 +130,8 @@
   float: none !important;
 }
 
-.qq-upload-list li {
+.qq-upload-list li,
+.qq-upload-list-selector li {
   margin: 0;
   padding: 0;
   line-height: 15px;
@@ -135,11 +143,16 @@
 .qq-upload-spinner,
 .qq-upload-size,
 .qq-upload-cancel,
+.qq-upload-file-selector,
+.qq-upload-spinner-selector,
+.qq-upload-size-selector,
+.qq-upload-cancel-selector,
 .qq-upload-failed-text {
   margin-right: 7px;
 }
 
-.qq-upload-spinner {
+.qq-upload-spinner,
+.qq-upload-spinner-selector {
   display: inline-block;
   background: url("/static/desktop/ext/js/loading.gif");
   width: 15px;
@@ -148,7 +161,9 @@
 }
 
 .qq-upload-size,
-.qq-upload-cancel {
+.qq-upload-cancel,
+.qq-upload-size-selector,
+.qq-upload-cancel-selector {
   font-size: 11px;
 }