项目语言:C#
权限:read-only(如需更高权限请先加入项目)
Index: ka.module.user.js
===================================================================
--- ka.module.user.js (revision 0)
+++ ka.module.user.js (revision 2)
@@ -0,0 +1,21 @@
+ * 定义用户模型
+ * author lzh
+define(['jquery'],function($){
configMap = {
user : null
jqueryMap = {},
onLogin,onLogout,setJqueryMap,initM
+ return {
initModule : initModule,
\ No newline at end of file
Index: fileinput.js
===================================================================
--- fileinput.js (revision 0)
+++ fileinput.js (revision 2)
@@ -0,0 +1,1660 @@
+ * @copyright Copyright & Kartik Visweswaran, , 2014
+ * @version 4.1.4
+ * File input styled for Bootstrap 3.0 that utilizes HTML5 File Input's advanced
+ * features including the FileReader API.
+ * The plugin drastically enhances the HTML file input to preview multiple files on the client before
+ * upload. In addition it provides the ability to preview content of images, text, videos, audio, html,
+ * flash and other objects. It also offers the ability to upload and delete files using AJAX, and add
+ * files in batches (i.e. preview, append, or remove before upload).
+ * Author: Kartik Visweswaran
+ * Copyright: 2014, Kartik Visweswaran,
+ * For more JQuery plugins visit
+ * For more Yii related demos visit
+(function ($) {
var isIE = function(ver) {
var div = document.createElement(&div&),
div.innerHTML = &&!--[if IE & + ver + &]&&i&&/i&&![endif]--&&;
status = (div.getElementsByTagName(&i&).length == 1);
document.body.appendChild(div);
div.parentNode.removeChild(div);
hasFileAPISupport = function () {
return window.File && window.FileR
hasDragDropSupport = function() {
var $div = document.createElement('div');
return !isIE(9) && (('draggable' in $div) || ('ondragstart' in $div && 'ondrop' in $div));
hasFileUploadSupport = function () {
return hasFileAPISupport && window.FormD
addCss = function($el, css) {
$el.removeClass(css).addClass(css);
STYLE_SETTING = 'style=&width:{width};height:{height};&',
OBJECT_PARAMS = '
&param name=&controller& value=&true& /&\n' +
&param name=&allowFullScreen& value=&true& /&\n' +
&param name=&allowScriptAccess& value=&always& /&\n' +
&param name=&autoPlay& value=&false& /&\n' +
&param name=&autoStart& value=&false& /&\n'+
&param name=&quality& value=&high& /&\n',
DEFAULT_PREVIEW = '&div class=&file-preview-other&&\n' +
&i class=&glyphicon glyphicon-file&&&/i&\n' +
&/div&';
var defaultFileActionSettings = {
removeIcon: '&i class=&glyphicon glyphicon-trash text-danger&&&/i&',
removeClass: 'btn btn-xs btn-default',
removeTitle: 'Remove file',
uploadIcon: '&i class=&glyphicon glyphicon-upload text-info&&&/i&',
uploadClass: 'btn btn-xs btn-default',
uploadTitle: 'Upload file',
indicatorNew: '&i class=&glyphicon glyphicon-hand-down text-warning&&&/i&',
indicatorSuccess: '&i class=&glyphicon glyphicon-ok-sign file-icon-large text-success&&&/i&',
indicatorError: '&i class=&glyphicon glyphicon-exclamation-sign text-danger&&&/i&',
indicatorLoading: '&i class=&glyphicon glyphicon-hand-up text-muted&&&/i&',
indicatorNewTitle: 'Not uploaded yet',
indicatorSuccessTitle: 'Uploaded',
indicatorErrorTitle: 'Upload Error',
indicatorLoadingTitle: 'Uploading ...'
var defaultLayoutTemplates = {
main1: '{preview}\n' +
'&div class=&kv-upload-progress hide&&&/div&\n' +
'&div class=&input-group {class}&&\n' +
{caption}\n' +
&div class=&input-group-btn&&\n' +
{remove}\n' +
{cancel}\n' +
{upload}\n' +
{browse}\n' +
&/div&\n' +
'&/div&',
main2: '{preview}\n&div class=&kv-upload-progress hide&&&/div&\n{remove}\n{cancel}\n{upload}\n{browse}\n',
preview: '&div class=&file-preview {class}&&\n' +
&div class=&close fileinput-remove&&&&/div&\n' +
&div class=&{dropClass}&&\n' +
&div class=&file-preview-thumbnails&&\n' +
&/div&\n' +
&div class=&clearfix&&&/div&' +
&div class=&file-preview-status text-center text-success&&&/div&\n' +
&div class=&kv-fileinput-error&&&/div&\n' +
&/div&\n' +
'&/div&',
icon: '&span class=&glyphicon glyphicon-file kv-caption-icon&&&/span&',
caption: '&div tabindex=&-1& class=&form-control file-caption {class}&&\n' +
&div class=&file-caption-name&&&/div&\n' +
'&/div&',
modal: '&div id=&{id}& class=&modal fade&&\n' +
&div class=&modal-dialog modal-lg&&\n' +
&div class=&modal-content&&\n' +
&div class=&modal-header&&\n' +
&button type=&button& class=&close& data-dismiss=&modal& aria-hidden=&true&&&&/button&\n' +
&h3 class=&modal-title&&Detailed Preview &small&{title}&/small&&/h3&\n' +
&/div&\n' +
&div class=&modal-body&&\n' +
&textarea class=&form-control& style=&font-family:Monaco,Consolas, height: {height}& readonly&{body}&/textarea&\n' +
&/div&\n' +
&/div&\n' +
&/div&\n' +
'&/div&',
progress: '&div class=&progress&&\n' +
&div class=&progress-bar progress-bar-success progress-bar-striped text-center& role=&progressbar& aria-valuenow=&{percent}& aria-valuemin=&0& aria-valuemax=&100& style=&width:{percent}%;&&\n' +
{percent}%\n' +
&/div&\n' +
'&/div&',
footer: '&div class=&file-thumbnail-footer&&\n' +
&div class=&file-caption-name& style=&width:{width}&&{caption}&/div&\n' +
{actions}\n' +
'&/div&',
actions: '&div class=&file-actions&&\n' +
&div class=&file-footer-buttons&&\n' +
{upload}{delete}{other}' +
&/div&\n' +
&div class=&file-upload-indicator& tabindex=&-1& title=&{indicatorTitle}&&{indicator}&/div&\n' +
&div class=&clearfix&&&/div&\n' +
'&/div&',
actionDelete: '&button type=&button& class=&kv-file-remove {removeClass}& title=&{removeTitle}&{dataUrl}{dataKey}&{removeIcon}&/button&\n',
actionUpload: '&button type=&button& class=&kv-file-upload {uploadClass}& title=&{uploadTitle}&&{uploadIcon}&/button&\n'
var defaultPreviewTypes = ['image', 'html', 'text', 'video', 'audio', 'flash', 'object'];
var defaultPreviewTemplates = {
generic: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}&&\n' +
{content}\n' +
{footer}\n' +
'&/div&\n',
html: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}&&\n' +
&object data=&{data}& type=&{type}& width=&{width}& height=&{height}&&\n' +
' + DEFAULT_PREVIEW + '\n' +
&/object&\n' +
{footer}\n' +
'&/div&',
image: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}&&\n' +
&img src=&{data}& class=&file-preview-image& title=&{caption}& alt=&{caption}& ' + STYLE_SETTING + '&\n' +
{footer}\n' +
'&/div&\n',
text: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}&&\n' +
&div class=&file-preview-text& title=&{caption}& ' + STYLE_SETTING + '&\n' +
{data}\n' +
&/div&\n' +
{footer}\n' +
'&/div&\n',
video: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}& title=&{caption}& ' + STYLE_SETTING + '&\n' +
&video width=&{width}& height=&{height}& controls&\n' +
&source src=&{data}& type=&{type}&&\n' +
' + DEFAULT_PREVIEW + '\n' +
&/video&\n' +
{footer}\n' +
'&/div&\n',
audio: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}& title=&{caption}& ' + STYLE_SETTING + '&\n' +
&audio controls&\n' +
&source src=&{data}& type=&{type}&&\n' +
' + DEFAULT_PREVIEW + '\n' +
&/audio&\n' +
{footer}\n' +
'&/div&\n',
flash: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}& title=&{caption}& ' + STYLE_SETTING + '&\n' +
&object type=&application/x-shockwave-flash& width=&{width}& height=&{height}& data=&{data}&&\n' +
OBJECT_PARAMS + '
' + DEFAULT_PREVIEW + '\n' +
&/object&\n' +
{footer}\n' +
'&/div&\n',
object: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}& title=&{caption}& ' + STYLE_SETTING + '&\n' +
&object data=&{data}& type=&{type}& width=&{width}& height=&{height}&&\n' +
&param name=&movie& value=&{caption}& /&\n' +
OBJECT_PARAMS + '
' + DEFAULT_PREVIEW + '\n' +
&/object&\n' +
{footer}\n' +
'&/div&',
other: '&div class=&file-preview-frame{frameClass}& id=&{previewId}& data-fileindex=&{fileindex}& title=&{caption}& ' + STYLE_SETTING + '&\n' +
' + DEFAULT_PREVIEW + '\n' +
{footer}\n' +
'&/div&',
var defaultPreviewSettings = {
image: {width: &auto&, height: &160px&},
html: {width: &213px&, height: &160px&},
text: {width: &160px&, height: &160px&},
video: {width: &213px&, height: &160px&},
audio: {width: &213px&, height: &80px&},
flash: {width: &213px&, height: &160px&},
object: {width: &160px&, height: &160px&},
other: {width: &160px&, height: &160px&}
var defaultFileTypeSettings = {
image: function(vType, vName) {
return (typeof vType !== &undefined&) ? vType.match('image.*') : vName.match(/\.(gif|png|jpe?g)$/i);
html: function(vType, vName) {
return (typeof vType !== &undefined&) ? vType == 'text/html' : vName.match(/\.(htm|html)$/i);
text: function(vType, vName) {
return typeof vType !== &undefined& && vType.match('text.*') || vName.match(/\.(txt|md|csv|nfo|php|ini)$/i);
video: function (vType, vName) {
return typeof vType !== &undefined& && vType.match(/\.video\/(ogg|mp4|webm)$/i) || vName.match(/\.(og?|mp4|webm)$/i);
audio: function (vType, vName) {
return typeof vType !== &undefined& && vType.match(/\.audio\/(ogg|mp3|wav)$/i) || vName.match(/\.(ogg|mp3|wav)$/i);
flash: function (vType, vName) {
return typeof vType !== &undefined& && vType == 'application/x-shockwave-flash' || vName.match(/\.(swf)$/i);
object: function (vType, vName) {
other: function (vType, vName) {
var isEmpty = function (value, trim) {
return value === null || value === undefined || value == []
|| value === '' || trim && $.trim(value) === '';
isArray = function (a) {
return Array.isArray(a) || Object.prototype.toString.call(a) === '[object Array]';
isSet = function (needle, haystack) {
return (typeof haystack == 'object' && needle in haystack);
getValue = function (options, param, value) {
return (isEmpty(options) || isEmpty(options[param])) ? value : options[param];
getElement = function (options, param, value) {
return (isEmpty(options) || isEmpty(options[param])) ? value : $(options[param]);
uniqId = function () {
return Math.round(new Date().getTime() + (Math.random() * 100));
htmlEncode = function(str) {
return String(str)
.replace(/&/g, '&')
.replace(/&/g, '&')
.replace(/'/g, ''')
.replace(/&/g, '&')
.replace(/&/g, '&');
vUrl = window.URL || window.webkitURL;
var FileInput = function (element, options) {
this.$element = $(element);
if (hasFileAPISupport() || isIE(9)) {
this.init(options);
this.listen();
this.$element.removeClass('file-loading');
FileInput.prototype = {
constructor: FileInput,
init: function (options) {
var self = this, $el = self.$
for (key in options) {
self[key] = options[key];
if (isEmpty(self.allowedPreviewTypes)) {
self.allowedPreviewTypes = defaultPreviewT
self.uploadFileAttr = !isEmpty($el.attr('name')) ? $el.attr('name') : 'file_data';
self.reader =
self.isIE9 = isIE(9);
self.isIE10 = isIE(10);
self.filestack = [];
self.ajaxRequests = [];
self.isError =
self.dropZoneEnabled = hasDragDropSupport() && self.dropZoneE
self.isDisabled = self.$element.attr('disabled') || self.$element.attr('readonly');
self.isUploadable = hasFileUploadSupport && !isEmpty(self.uploadYourUrl);
self.slug = typeof options.slugCallback == &function& ? options.slugCallback : self.slugD
self.mainTemplate = self.showCaption ? self.getLayoutTemplate('main1') : self.getLayoutTemplate('main2');
self.captionTemplate = self.getLayoutTemplate('caption');
self.previewGenericTemplate = self.getPreviewTemplate('generic');
if (isEmpty(self.$element.attr('id'))) {
self.$element.attr('id', uniqId());
if (typeof self.$container == 'undefined') {
self.$container = self.createContainer();
self.refreshContainer();
self.$progress = self.$container.find('.kv-upload-progress');
self.$btnUpload = self.$container.find('.kv-fileinput-upload')
self.$captionContainer = getElement(options, 'elCaptionContainer', self.$container.find('.file-caption'));
self.$caption = getElement(options, 'elCaptionText', self.$container.find('.file-caption-name'));
self.$previewContainer = getElement(options, 'elPreviewContainer', self.$container.find('.file-preview'));
self.$preview = getElement(options, 'elPreviewImage', self.$container.find('.file-preview-thumbnails'));
self.$previewStatus = getElement(options, 'elPreviewStatus', self.$container.find('.file-preview-status'));
self.$errorContainer = getElement(options, 'elErrorContainer', self.$previewContainer.find('.kv-fileinput-error'));
if (!isEmpty(self.msgErrorClass)) {
addCss(self.$errorContainer, self.msgErrorClass);
self.$errorContainer.hide();
self.initialPreviewContent = '';
var content = self.initialP
self.initialPreviewCount = isArray(content) ? content.length : (content.length & 0 ? content.split(self.initialPreviewDelimiter).length : 0);
self.fileActionSettings = $.extend(defaultFileActionSettings, options.fileActionSettings);
self.previewInitId = &preview-& + uniqId();
self.initPreview();
self.initPreviewDeletes();
self.original = {
preview: self.$preview.html(),
caption: self.$caption.html()
self.autoSizeCaption();
self.options =
self.setFileDropZoneTitle();
self.uploadCount = 0;
self.uploadPercent = 0;
self.$element.removeClass('file-loading');
raise: function(event) { //自定义事件
var self =
if (arguments.length & 1) {
self.$element.trigger(event, arguments[1]);
self.$element.trigger(event);
getLayoutTemplate: function(t) {
var self =
return isSet(t, self.layoutTemplates) ? self.layoutTemplates[t] : defaultLayoutTemplates[t];
getPreviewTemplate: function(t) {
var self =
return isSet(t, self.previewTemplates) ? self.previewTemplates[t] : defaultPreviewTemplates[t];
getOutData: function (formdata) {
var self = this, responsedata = arguments.length & 1 ? arguments[1] : {},
filesdata = arguments.length & 2 ? arguments[2] : self.
form: formdata,
files: filesdata,
extra: self.getExtraData(),
response: responsedata,
reader: self.reader
uploadSuccessFunction:null,
listen: function () {
var self = this, $el = self.$element, $cap = self.$captionContainer, $btnFile = self.$btnF
$el.on('change', $.proxy(self.change, self));
$(window).off('resize').on('resize', function() {
setTimeout(function() {
self.autoSizeCaption();
$btnFile.off('click').on('click', function (ev) {
self.raise('filebrowse');
if (self.isError && !self.isUploadable) {
self.clear(false);
$cap.focus();
$el.closest('form').off('reset').on('reset', $.proxy(self.reset, self));
self.$container.off('click')
.on('click', '.fileinput-remove:not([disabled])', $.proxy(self.clear, self))
.on('click', '.fileinput-cancel', $.proxy(self.cancel, self));
if (self.isUploadable && self.dropZoneEnabled && self.showPreview) {
self.initDragDrop();
if (!self.isUploadable) {
self.$container.find('.kv-fileinput-upload').off('click').on('click', function(e) {
if (!self.isUploadable) {
e.preventDefault();
var totLen = self.getFileStack().
if (self.isDisabled || $(this).hasClass('disabled') || !isEmpty($(this).attr('disabled')) || totLen == 0) {
self.resetUpload();
self.$progress.removeClass('hide');
self.uploadCount = 0;
self.uploadPercent = 0;
var i, len = self.filestack.length, template = self.getLayoutTemplate('progress');
self.lock();
self.setProgress(0);
if ((self.uploadAsync || totLen == 1) && self.showPreview) {
var outData = self.getOutData(null);
self.raise('filebatchpreupload', [outData]);
for (i = 0; i & i++) {
if (self.filestack[i] !== undefined) {
self.upload(i, self.getFileStack(), true);
setTimeout(function() {
$(document).ajaxStop(function() {
self.setProgress(100);
self.$preview.find('file-preview-frame').removeClass('file-loading');
self.unlock();
self.clearFileInput();
self.raise('filebatchuploadcomplete', [self.filestack, self.getExtraData()]);
self.uploadBatch();
setProgress: function(percent) {
var self = this, template = self.getLayoutTemplate('progress'), pct = Math.min(percent, 100);
self.$progress.html(template.replace(/\{percent\}/g, pct));
lock: function() {
var self =
self.resetErrors();
self.disable();
if (self.showRemove) {
addCss(self.$container.find('.fileinput-remove'), 'hide');
if (self.showCancel) {
self.$container.find('.fileinput-cancel').removeClass('hide');
self.raise('filelock', [self.filestack, self.getExtraData()]);
unlock: function() {
var self =
self.enable();
if (self.showCancel) {
addCss(self.$container.find('.fileinput-cancel'), 'hide');
if (self.showRemove) {
self.$container.find('.fileinput-remove').removeClass('hide');
self.raise('fileunlock', [self.filestack, self.getExtraData()]);
refresh: function (options) {
var self = this, $el = self.$element,
params = (arguments.length) ? $.extend(self.options, options) : self.
$el.off();
self.init(params);
var $zone = self.$container.find('.file-drop-zone');
$zone.off('dragenter dragover drop');
$(document).off('dragenter dragover drop');
self.listen();
self.setFileDropZoneTitle();
initDragDrop: function() {
var self = this, $zone = self.$container.find('.file-drop-zone');
$zone.off('dragenter dragover drop');
$(document).off('dragenter dragover drop');
$zone.on('dragenter dragover', function (e) {
e.stopPropagation();
e.preventDefault();
if (self.isDisabled) {
addCss($(this), 'highlighted');
$zone.on('dragleave', function (e) {
e.stopPropagation();
e.preventDefault();
if (self.isDisabled) {
$(this).removeClass('highlighted');
$zone.on('drop', function (e) {
e.preventDefault();
if (self.isDisabled) {
self.change(e, 'dragdrop');
$(this).removeClass('highlighted');
$(document).on('dragenter dragover drop', function (e) {
e.stopPropagation();
e.preventDefault();
setFileDropZoneTitle: function() {
var self = this, $zone = self.$container.find('.file-drop-zone');
$zone.find('.' + self.dropZoneTitleClass).remove();
if (!self.isUploadable || !self.showPreview ||
$zone.length == 0 || self.getFileStack().length & 0 ||
!self.dropZoneEnabled) {
if ($zone.find('.file-preview-frame').length == 0) {
$zone.prepend('&div class=&' + self.dropZoneTitleClass + '&&' + self.dropZoneTitle + '&/div&');
self.$container.removeClass('file-input-new');
initFileActions: function() {
var self =
self.$preview.find('.kv-file-remove').each(function() {
var $el = $(this), $frame = $el.closest('.file-preview-frame'),
ind = $frame.attr('data-fileindex');
$el.off('click').on('click', function() {
$frame.fadeOut('slow', function() {
self.filestack[ind] =
self.clearObjects($frame);
$frame.remove();
var filestack = self.getFileStack(), len = filestack.length,
chk = self.$container.find('.file-preview-initial').
if (len == 0 && chk == 0) {
self.original.preview = '';
self.reset();
var n = self.initialPreviewCount + len,
cap = n & 1 ? self.msgSelected.replace(/\{n\}/g, n) : filestack[0].
self.setCaption(cap);
self.$preview.find('.kv-file-upload').each(function() {
var $el = $(this);
$el.off('click').on('click', function() {
var $frame = $el.closest('.file-preview-frame'),
ind = $frame.attr('data-fileindex');
self.upload(ind, self.getFileStack());
renderInitFileFooter: function(i) {
var self = this, hasConfig = self.initialPreviewConfig.length & 0,
template = self.getLayoutTemplate('footer');
if (hasConfig && !isEmpty(self.initialPreviewConfig[i])) {
var config = self.initialPreviewConfig[i],
caption = ('caption' in config) ? config.caption : '',
width = ('width' in config) ? config.width : 'auto',
url = ('url' in config) ? config.url : false,
key = ('key' in config) ? config.key : null,
disabled = url === false ? true : false,
actions = self.initialPreviewShowDelete ? self.renderFileActions(false, true, disabled, url, key) : '',
footer = template.replace(/\{actions\}/g, actions);
return footer.replace(/\{caption\}/g, caption).replace(/\{width\}/g, width)
.replace(/\{indicator\}/g, '').replace(/\{indicatorTitle\}/g, '');
return '';
renderFileFooter: function(caption, width) {
var self = this, config = self.fileActionSettings,
template = self.getLayoutTemplate('footer');
if (self.isUploadable) {
var footer = template.replace(/\{actions\}/g, self.renderFileActions(true, true, false, false, false));
return footer.replace(/\{caption\}/g, caption).replace(/\{width\}/g, width)
.replace(/\{indicator\}/g, config.indicatorNew).replace(/\{indicatorTitle\}/g, config.indicatorNewTitle);
return template.replace(/\{actions\}/g, '').replace(/\{caption\}/g, caption).replace(/\{width\}/g, width)
.replace(/\{indicator\}/g, '').replace(/\{indicatorTitle\}/g, '');
return '';
renderFileActions: function(showUpload, showDelete, disabled, url, key) {
if (!showUpload && !showDelete) {
return '';
var self = this,
vUrl = url == false ? '' : ' data-url=&' + url + '&',
vKey = key == false ? '' : ' data-key=&' + key + '&',
btnDelete = self.getLayoutTemplate('actionDelete'),
btnUpload = '',
template = self.getLayoutTemplate('actions'),
otherActionButtons = self.otherActionButtons.replace(/\{dataKey\}/g, vKey),
config = self.fileActionSettings,
removeClass = disabled ? config.removeClass + ' disabled' : config.removeC
btnDelete = btnDelete
.replace(/\{removeClass\}/g, removeClass)
.replace(/\{removeIcon\}/g, config.removeIcon)
.replace(/\{removeTitle\}/g, config.removeTitle)
.replace(/\{dataUrl\}/g, vUrl)
.replace(/\{dataKey\}/g, vKey);
if (showUpload) {
btnUpload = self.getLayoutTemplate('actionUpload')
.replace(/\{uploadClass\}/g, config.uploadClass)
.replace(/\{uploadIcon\}/g, config.uploadIcon)
.replace(/\{uploadTitle\}/g, config.uploadTitle);
return template
.replace(/\{delete\}/g, btnDelete)
.replace(/\{upload\}/g, btnUpload)
.replace(/\{other\}/g, otherActionButtons);
getInitialPreview: function(template, content, i) {
var self = this, ind = 'init_' + i,
previewId = self.previewInitId + '-' +
footer = self.renderInitFileFooter(i, false);
return template
.replace(/\{previewId\}/g, previewId)
.replace(/\{frameClass\}/g, ' file-preview-initial')
.replace(/\{fileindex\}/g, ind)
.replace(/\{content\}/g, content)
.replace(/\{footer\}/g, footer);
initPreview: function () {
var self = this, html = '', content = self.initialPreview, len = self.initialPreviewCount,
cap = self.initialCaption.length, previewId = self.previewInitId + '-init_' +
caption = (cap & 0) ? self.initialCaption : self.msgSelected.replace(/\{n\}/g, len);
if (isArray(content) && len & 0) {
for (var i = 0; i & i++) {
html += self.getInitialPreview(self.previewGenericTemplate, content[i], i);
if (len & 1 && cap == 0) {
caption = self.msgSelected.replace(/\{n\}/g, len);
if (len & 0) {
var fileList = content.split(self.initialPreviewDelimiter);
for (var i = 0; i & i++) {
html += self.getInitialPreview(self.previewGenericTemplate, content[i], i);
if (len & 1 && cap == 0) {
caption = self.msgSelected.replace(/\{n\}/g, len);
if (cap & 0) {
self.setCaption(caption);
self.initialPreviewContent =
self.$preview.html(html);
self.setCaption(caption);
self.$container.removeClass('file-input-new');
initPreviewDeletes: function() {
var self = this,
resetProgress = function() {
if (self.$preview.find('.kv-file-remove').length == 0) {
self.reset();
self.$preview.find('.kv-file-remove').each(function() {
var $el = $(this), $frame = $el.closest('.file-preview-frame'),
vUrl = $el.attr('data-url'), vKey = $el.attr('data-key'),
$content = $(self.initialPreviewContent);
if (vUrl === undefined || vKey === undefined) {
$el.off('click').on('click', function() {
url: vUrl,
type: 'POST',
dataType: 'json',
data: {key: vKey},
beforeSend: function() {
addCss($frame, 'file-uploading');
addCss($el, 'disabled');
self.raise('filepredelete', [vKey]);
success: function(data, textStatus, jqXHR) {
if(typeof data.error === 'undefined') {
self.raise('filedeleted', [vKey]);
self.showError(data.error, null, $el.attr('id'), key, 'filedeleteerror');
resetProgress();
$frame.removeClass('file-uploading').addClass('file-deleted');
$frame.fadeOut('slow', function() {
self.clearObjects($frame);
$frame.remove();
var $content = $(document.createElement('div')).html(self.original.preview);
$content.find('.file-preview-frame').each(function() {
var $el = $(this);
if ($el.find('.kv-file-remove').attr('data-key') == vKey) {
$el.remove();
self.initialPreviewContent = $content.html();
if (self.initialPreviewCount & 0) {
self.initialPreviewCount--;
var caption = (self.initialCaption.length & 0) ?
self.initialCaption :
self.msgSelected.replace(/\{n\}/g, self.initialPreviewCount);
self.original.preview = $content.html();
self.setCaption(caption);
self.original.caption = self.$caption.html();
$content.remove();
resetProgress();
error: function(jqXHR, textStatus, errorThrown) {
self.showError(errorThrown, null, $el.attr('id'), key, 'filedeleteerror');
$frame.removeClass('file-uploading');
resetProgress();
clearObjects: function($el) {
$el.find('video audio').each(function() {
this.pause();
delete(this);
$(this).remove();
$el.find('img object div').each(function() {
delete(this);
$(this).remove();
clearFileInput: function() {
var self = this, $el = self.$
if (isEmpty($el.val())) {
// Fix for IE ver & 11, that does not clear file inputs
// Requires a sequence of steps to prevent IE crashing but
// still allow clearing of the file input.
if (self.isIE9 || self.isIE10) {
var $srcFrm = $el.closest('form'),
$tmpFrm = $(document.createElement('form')),
$tmpEl = $(document.createElement('div'));
$el.before($tmpEl);
if ($srcFrm.length) {
$srcFrm.after($tmpFrm);
$tmpEl.after($tmpFrm);
$tmpFrm.append($el).trigger('reset');
$tmpEl.before($el).remove();
$tmpFrm.remove();
} else { // normal input clear behavior for other sane browsers
$el.val('');
resetUpload: function() {
var self =
self.uploadCount = 0;
self.uploadPercent = 0;
self.$btnUpload.removeAttr('disabled');
self.setProgress(0);
addCss(self.$progress, 'hide');
self.resetErrors(false);
self.ajaxRequests = [];
cancel: function() {
var self = this, xhr = self.ajaxRequests, len = xhr.
if (len & 0) {
for (i = 0; i & i++) {
xhr[i].abort();
self.$preview.find('file-preview-frame').each(function() {
$thumb = $(this), ind = $thumb.attr('data-fileindex');
$thumb.removeClass('file-uploading');
if (self.filestack[ind] !== undefined) {
$thumb.find('.kv-file-upload').removeClass('disabled');
$thumb.find('.kv-file-upload').removeClass('disabled');
self.unlock();
clear: function () {
var self = this, e = arguments.length && arguments[0];
if (!self.isIE9 && self.reader instanceof FileReader) {
self.reader.abort();
self.$btnUpload.removeAttr('disabled');
self.resetUpload();
self.filestack = [];
self.autoSizeCaption();
self.clearFileInput();
self.resetErrors(true);
if (e !== false) {
self.raise('change');
self.raise('fileclear');
if (self.overwriteInitial) {
self.initialPreviewCount = 0;
self.initialPreviewContent = '';
if (!self.overwriteInitial && self.initialPreviewContent.length & 0) {
self.showFileIcon();
self.$preview.html(self.original.preview);
self.$caption.html(self.original.caption);
self.initPreviewDeletes();
self.$container.removeClass('file-input-new');
self.$preview.find('.file-preview-frame').each(function() {
self.clearObjects($(this));
self.$preview.html('');
var cap = (!self.overwriteInitial && self.initialCaption.length & 0) ?
self.original.caption : '';
self.$caption.html(cap);
self.$caption.attr('title', '');
addCss(self.$container, 'file-input-new');
if (self.$container.find('.file-preview-frame').length == 0) {
self.initialCaption = '';
self.original.caption = '';
self.$caption.html('');
self.$captionContainer.find('.kv-caption-icon').hide();
self.hideFileIcon();
self.raise('filecleared');
self.$captionContainer.focus();
self.setFileDropZoneTitle();
reset: function () {
var self =
self.clear(false);
self.$preview.html(self.original.preview);
self.$caption.html(self.original.caption);
self.$container.find('.fileinput-filename').text('');
self.raise('filereset');
if (self.initialPreview.length & 0) {
self.$container.removeClass('file-input-new');
self.setFileDropZoneTitle();
if (self.isUploadable) {
self.resetUpload();
self.filestack = [];
disable: function (e) {
var self =
self.isDisabled =
self.$element.attr('disabled', 'disabled');
self.$container.find(&.kv-fileinput-caption&).addClass(&file-caption-disabled&);
self.$container.find(&.btn-file, .fileinput-remove, .kv-fileinput-upload&).attr(&disabled&, true);
self.initDragDrop();
enable: function (e) {
var self =
self.isDisabled =
self.$element.removeAttr('disabled');
self.$container.find(&.kv-fileinput-caption&).removeClass(&file-caption-disabled&);
self.$container.find(&.btn-file, .fileinput-remove, .kv-fileinput-upload&).removeAttr(&disabled&);
self.initDragDrop();
getExtraData: function() {
var self = this, data = self.uploadExtraD
if (typeof(self.uploadExtraData) == &function&) {
data = self.uploadExtraData();
uploadExtra: function(fd) {
var self = this, data = self.getExtraData();
if (data.length == 0) {
$.each(data, function(key, value) {
if (!isEmpty(key) && !isEmpty(value)) {
fd.append(key, value);
initXhr: function(xhrobj, factor) {
var self =
if (xhrobj.upload) {
xhrobj.upload.addEventListener('progress', function(event) {
var pct = 0, position = event.loaded || event.position, total = event.
var pct = 0, position = event.loaded, total = event.
if (event.lengthComputable) {
pct = Math.ceil(position / total * factor);
self.uploadPercent = Math.max(pct, self.uploadPercent);
self.setProgress(self.uploadPercent);
}, false);
upload: function(i, files) {
var self = this, total = files.length, formdata = new FormData(),
previewId = self.previewInitId + &-& + i, $thumb = $('#' + previewId),
$btnUpload = $thumb.find('.kv-file-upload'), $btnDelete = $thumb.find('.kv-file-remove'),
$indicator = $thumb.find('.file-upload-indicator'), config = self.fileActionS
if (total == 0) {
if ($btnUpload.hasClass('disabled')) {
var percent,
allFiles = arguments.length & 2,
setIndicator = function (icon, msg) {
$indicator.html(config[icon]);
$indicator.attr('title', config[msg]);
updateProgress = function() {
if (!allFiles || total == 0 || self.uploadPercent &= 100) {
self.uploadCount++;
var pct = 80 + Math.ceil(self.uploadCount * 20/total);
self.uploadPercent = Math.max(pct, self.uploadPercent);
self.setProgress(self.uploadPercent);
self.initPreviewDeletes();
resetActions = function() {
$btnUpload.removeAttr('disabled');
$btnDelete.removeAttr('disabled');
$thumb.removeClass('file-uploading');
formdata.append(self.uploadFileAttr, files[i]);
formdata.append('file_id', i);
self.uploadExtra(formdata);
self.ajaxRequests.push($.ajax({
xhr: function() {
var xhrobj = $.ajaxSettings.xhr();
return self.initXhr(xhrobj, 80);
url: self.uploadYourUrl,
type: 'POST',
dataType: 'json',
data: formdata,
cache: false,
processData: false,
contentType: false,
beforeSend: function() {
var outData = self.getOutData(formdata);
setIndicator('indicatorLoading', 'indicatorLoadingTitle');
addCss($thumb, 'file-uploading');
$btnUpload.attr('disabled', true);
$btnDelete.attr('disabled', true);
if (!allFiles) {
self.lock();
self.raise('filepreupload', [outData, previewId, i])
success: function(data, textStatus, jqXHR) {
var outData = self.getOutData(formdata, data);
setTimeout(function() {
if(typeof data.error === 'undefined') {
setIndicator('indicatorSuccess', 'indicatorSuccessTitle');
$btnUpload.hide();
$btnDelete.hide();
self.filestack[i] =
self.raise('fileuploaded', [outData, previewId, i]);
setIndicator('indicatorError', 'indicatorErrorTitle');
self.showUploadError(data.error, outData, previewId, i);
complete: function() {
setTimeout(function() {
updateProgress();
resetActions();
error: function(jqXHR, textStatus, errorThrown) {
setIndicator('indicatorError', 'indicatorErrorTitle');
var outData = self.getOutData(formdata);
if (allFiles) {
var cap = files[i].
self.showUploadError('&b&' + cap + '&/b&: ' + errorThrown, outData, previewId, i);
self.showUploadError(errorThrown, outData, previewId, i);
uploadBatch: function() {
var self = this, files = self.filestack, total = files.
if (total == 0) {
var config = self.fileActionS formdata = new FormData(),
setIndicator = function (i, icon, msg) {
var $indicator = $('#' + self.previewInitId + &-& + i).find('.file-upload-indicator');
$indicator.html(config[icon]);
$indicator.attr('title', config[msg]);
enableActions = function (i, disabled) {
var $thumb = $('#' + self.previewInitId + &-& + i),
$btnUpload = $thumb.find('.kv-file-upload'),
$btnDelete = $thumb.find('.kv-file-delete');
$thumb.removeClass('file-uploading');
$btnUpload.removeAttr('disabled');
$btnDelete.removeAttr('disabled');
setAllUploaded = function() {
$.each(files, function(key, data) {
self.filestack[key] =
self.clearFileInput();
$.each(files, function(key, data) {
if (files[key] !== undefined) {
formdata.append(self.uploadFileAttr, files[key]);
self.uploadExtra(formdata);
xhr: function() {
var xhrobj = $.ajaxSettings.xhr();
return self.initXhr(xhrobj, 98);
url: self.uploadYourUrl,
type: 'POST',
dataType: 'json',
data: formdata,
cache: false,
processData: false,
contentType: false,
beforeSend: function() {
self.lock();
var outData = self.getOutData(formdata);
if (!self.showPreview) {
self.$preview.find('.file-preview-frame').each(function() {
var $thumb = $(this), $btnUpload = $thumb.find('.kv-file-upload'), $btnDelete = $thumb.find('.kv-file-remove');
addCss($thumb, 'file-uploading');
$btnUpload.attr('disabled', true);
$btnDelete.attr('disabled', true);
self.raise('filebatchpreupload', [outData]);
success: function(data, textStatus, jqXHR) {
var outData = self.getOutData(formdata, data);
var keys = isEmpty(data.errorkeys) ? [] : data.
if(typeof data.error === 'undefined' || isEmpty(data.error)) {
self.raise('filebatchuploadsuccess', [outData]);
setAllUploaded();
if (self.showPreview) {
self.$preview.find('.kv-file-upload').hide();
self.$preview.find('.kv-file-remove').hide();
self.$preview.find('.file-preview-frame').each(function() {
var $thumb = $(this), key = $thumb.attr('data-fileindex');
setIndicator(key, 'indicatorSuccess', 'indicatorSuccessTitle');
enableActions(key);
self.reset();
self.$preview.find('.file-preview-frame').each(function() {
var $thumb = $(this), key = $thumb.attr('data-fileindex');
enableActions(key);
if (keys.length == 0) {
setIndicator(key, 'indicatorError', 'indicatorErrorTitle');
if ($.inArray(key, keys)) {
setIndicator(key, 'indicatorError', 'indicatorErrorTitle');
$thumb.find('.kv-file-upload').hide();
$thumb.find('.kv-file-remove').hide();
setIndicator(key, 'indicatorSuccess', 'indicatorSuccessTitle');
self.filestack[key] =
self.showUploadError(data.error, outData, null, null, 'filebatchuploaderror');
complete: function () {
self.setProgress(100);
self.unlock();
self.raise('filebatchuploadcomplete', [self.filestack, self.getExtraData()]);
self.clearFileInput();
error: function(jqXHR, textStatus, errorThrown) {
var outData = self.getOutData(formdata);
self.showUploadError(errorThrown, outData, null, null, 'filebatchuploaderror');
self.uploadFileCount = total - 1;
self.$preview.find('.file-preview-frame').removeClass('file-uploading');
self.$preview.find('.file-preview-frame kv-file-upload').removeAttr('disabled');
self.$preview.find('.file-preview-frame kv-file-delete').removeAttr('disabled');
hideFileIcon: function () {
if (this.overwriteInitial) {
this.$captionContainer.find('.kv-caption-icon').hide();
showFileIcon: function () {
this.$captionContainer.find('.kv-caption-icon').show();
resetErrors: function (fade) {
var self = this, $error = self.$errorC
self.isError =
self.$container.removeClass('has-error');
$error.html('');
if (fade) {
$error.fadeOut('slow');
$error.hide();
showUploadError: function (msg, data, previewId, index) {
var self = this, $error = self.$errorContainer,
ev = arguments.length & 4 ? arguments[4] : 'fileuploaderror';
if ($error.find('ul').length == 0) {
$error.html('&ul class=&text-left&&&li&' + msg + '&/li&&/ul&');
$error.find('ul').append('&li&' + msg + '&/li&');
$error.fadeIn(800);
self.raise(ev, [data, previewId, index]);
addCss(self.$container, 'has-error');
showError: function (msg, file, previewId, index) {
var self = this, $error = self.$errorContainer,
ev = arguments.length & 4 ? arguments[4] : 'fileerror';
$error.html(msg);
$error.fadeIn(800);
self.raise(ev, [file, previewId, index, self.reader]);
if (!self.isUploadable) {
self.clearFileInput();
addCss(self.$container, 'has-error');
self.$btnUpload.attr('disabled', true);
errorHandler: function (evt, caption) {
var self =
switch (evt.target.error.code) {
case evt.target.error.NOT_FOUND_ERR:
self.addError(self.msgFileNotFound.replace(/\{name\}/g, caption));
case evt.target.error.NOT_READABLE_ERR:
self.addError(self.msgFileNotReadable.replace(/\{name\}/g, caption));
case evt.target.error.ABORT_ERR:
self.addError(self.msgFilePreviewAborted.replace(/\{name\}/g, caption));
self.addError(self.msgFilePreviewError.replace(/\{name\}/g, caption));
parseFileType: function(file) {
var isValid, vT
for (var i = 0; i & defaultPreviewTypes. i++) {
cat = defaultPreviewTypes[i];
isValid = isSet(cat, self.fileTypeSettings) ? self.fileTypeSettings[cat] : defaultFileTypeSettings[cat];
vType = isValid(file.type, file.name) ? cat : '';
if (vType != '') {
return 'other';
previewDefault: function(file, previewId) {
var self =
if (!self.showPreview) {
var data = vUrl.createObjectURL(file), $obj = $('#' + previewId),
config = self.previewSettings.other,
footer = self.isUploadable ?
self.renderFileFooter(file.name, config.width) :
self.renderFileFooter(file.name, config.width, false),
previewOtherTemplate = self.getPreviewTemplate('other'),
ind = previewId.slice(previewId.lastIndexOf('-') + 1),
frameClass = '';
if (arguments.length & 2) {
var $err = $(self.msgValidationError);
frameClass = ' btn disabled';
footer += '&div class=&file-other-error text-danger&&&i class=&glyphicon glyphicon-exclamation-sign&&&/i&&/div&';
self.$preview.append(&\n& + previewOtherTemplate
.replace(/\{previewId\}/g, previewId)
.replace(/\{frameClass\}/g, frameClass)
.replace(/\{fileindex\}/g, ind)
.replace(/\{caption\}/g, self.slug(file.name))
.replace(/\{width\}/g, config.width)
.replace(/\{height\}/g, config.height)
.replace(/\{type\}/g, file.type)
.replace(/\{data\}/g, data)
.replace(/\{footer\}/g, footer));
$obj.on('load', function(e) {
vUrl.revokeObjectURL($obj.attr('data'));
previewFile: function(file, theFile, previewId, data) {
var self =
if (!self.showPreview) {
var cat = self.parseFileType(file), caption = self.slug(file.name), data, obj, content,
types = self.allowedPreviewTypes, mimes = self.allowedPreviewMimeTypes, fType = file.type,
template = isSet(cat, self.previewTemplates) ? self.previewTemplates[cat] : defaultPreviewTemplates[cat],
config = isSet(cat, self.previewSettings) ? self.previewSettings[cat] : defaultPreviewSettings[cat],
wrapLen = parseInt(self.wrapTextLength), wrapInd = self.wrapIndicator, $preview = self.$preview,
chkTypes = types.indexOf(cat) &=0, chkMimes = isEmpty(mimes) || (!isEmpty(mimes) && isSet(file.type, mimes)),
footer = self.renderFileFooter(caption, config.width),
ind = previewId.slice(previewId.lastIndexOf('-') + 1);
if (chkTypes && chkMimes) {
if (cat == 'text') {
var strText = htmlEncode(theFile.target.result);
vUrl.revokeObjectURL(data);
if (strText.length & wrapLen) {
var id = 'text-' + uniqId(), height = window.innerHeight * .75,
modal = self.getLayoutTemplate('modal')
.replace(/\{id\}/g, id)
.replace(/\{title\}/g, caption)
.replace(/\{height\}/g, height)
.replace(/\{body\}/g, strText);
wrapInd = wrapInd
.replace(/\{title\}/g, caption)
.replace(/\{dialog\}/g, &$('#& + id + &').modal('show')&);
strText = strText.substring(0, (wrapLen - 1)) + wrapI
content = template
.replace(/\{previewId\}/g, previewId).replace(/\{caption\}/g, caption)
.replace(/\{frameClass\}/g, '')
.replace(/\{type\}/g, file.type).replace(/\{width\}/g, config.width)
.replace(/\{height\}/g, config.height).replace(/\{data\}/g, strText)
.replace(/\{footer\}/g, footer).replace(/\{fileindex\}/g, ind) +
content = template
.replace(/\{previewId\}/g, previewId).replace(/\{caption\}/g, caption)
.replace(/\{frameClass\}/g, '')
.replace(/\{type\}/g, file.type).replace(/\{data\}/g, data)
.replace(/\{width\}/g, config.width).replace(/\{height\}/g, config.height)
.replace(/\{footer\}/g, footer).replace(/\{fileindex\}/g, ind);
$preview.append(&\n& + content);
self.autoSizeImage(previewId);
self.previewDefault(file, previewId);
slugDefault: function (text) {
return isEmpty(text) ? '' : text.split(/(\\|\/)/g).pop().replace(/[^\w-.\\\/ ]+/g,'');
getFileStack: function() {
var size = 0, self =
return self.filestack.filter(function(n){ return n != undefined });
readFiles: function (files) {
this.reader = new FileReader();
var self = this, $el = self.$element, $preview = self.$preview, reader = self.reader,
$container = self.$previewContainer, $status = self.$previewStatus, msgLoading = self.msgLoading,
msgProgress = self.msgProgress, msgSelected = self.msgSelected, fileType = self.previewFileType,
wrapLen = parseInt(self.wrapTextLength), wrapInd = self.wrapIndicator,
previewInitId = self.previewInitId, numFiles = files.length, settings = self.fileTypeSettings,
isText = isSet('text', settings) ? settings['text'] : defaultFileTypeSettings['text'],
ctr = self.filestack.length,
throwError = function(msg, file, previewId, index) {
self.previewDefault(file, previewId, true);
var outData = self.getOutData(formdata, {}, files);
return self.isUploadable ? self.showUploadError(msg, outData, previewId, index) : self.showError(msg, file, previewId, index);
function readFile(i) {
if (isEmpty($el.attr('multiple'))) {
numFiles = 1;
if (i &= numFiles) {
$container.removeClass('loading');
$status.html('');
var node = ctr + i, previewId = previewInitId + &-& + node, file = files[i], caption = self.slug(file.name),
fileSize = (file.size ? file.size : 0) / 1000, checkFile,
previewData = vUrl.createObjectURL(file), fileCount = 0, j, msg, typ, chk,
fileTypes = self.allowedFileTypes, strTypes = isEmpty(fileTypes) ? '' : fileTypes.join(', '),
fileExt = self.allowedFileExtensions, strExt = isEmpty(fileExt) ? '' : fileExt.join(', '),
fileExtExpr = isEmpty(fileExt) ? '' : new RegExp('\\.(' + fileExt.join('|') + ')$', 'i');
fileSize = fileSize.toFixed(2);
if (self.maxFileSize & 0 && fileSize & self.maxFileSize) {
msg = self.msgSizeTooLarge.replace(/\{name\}/g, caption).replace(/\{size\}/g,
fileSize).replace(/\{maxSize\}/g, self.maxFileSize);
self.isError = throwError(msg, file, previewId, i);
if (!isEmpty(fileTypes) && isArray(fileTypes)) {
for (j = 0; j & fileTypes. j++) {
typ = fileTypes[j];
checkFile = settings[typ];
chk = (checkFile !== undefined && checkFile(file.type, caption));
fileCount += isEmpty(chk) ? 0 : chk.
if (fileCount == 0) {
msg = self.msgInvalidFileType.replace(/\{name\}/g, caption).replace(/\{types\}/g, strTypes);
self.isError = throwError(msg, file, previewId, i);
if (fileCount == 0 && !isEmpty(fileExt) && isArray(fileExt) && !isEmpty(fileExtExpr)) {
chk = caption.match(fileExtExpr);
fileCount += isEmpty(chk) ? 0 : chk.
if (fileCount == 0) {
msg = self.msgInvalidFileExtension.replace(/\{name\}/g, caption).replace(/\{extensions\}/g, strExt);
self.isError = throwError(msg, file, previewId, i);
if (!self.showPreview) {
self.filestack.push(file);
setTimeout(readFile(i + 1), 100);
self.raise('fileloaded', [file, previewId, i, reader]);
if ($preview.length & 0 && typeof FileReader !== &undefined&) {
$status.html(msgLoading.replace(/\{index\}/g, i + 1).replace(/\{files\}/g, numFiles));
$container.addClass('loading');
reader.onerror = function (evt) {
self.errorHandler(evt, caption);
reader.onload = function (theFile) {
self.previewFile(file, theFile, previewId, previewData);
self.initFileActions();
reader.onloadend = function (e) {
var msg = msgProgress
.replace(/\{index\}/g, i + 1).replace(/\{files\}/g, numFiles)
.replace(/\{percent\}/g, 50).replace(/\{name\}/g, caption);
setTimeout(function () {
$status.html(msg);
vUrl.revokeObjectURL(previewData);
setTimeout(function () {
readFile(i + 1);
self.updateFileDetails(numFiles);
self.raise('fileloaded', [file, previewId, i, reader]);
reader.onprogress = function (data) {
if (data.lengthComputable) {
var progress = parseInt(((data.loaded / data.total) * 100), 10);
var msg = msgProgress
.replace(/\{index\}/g, i + 1).replace(/\{files\}/g, numFiles)
.replace(/\{percent\}/g, progress).replace(/\{name\}/g, caption);
setTimeout(function () {
$status.html(msg);
if (isText(file.type, caption)) {
reader.readAsText(file, self.textEncoding);
reader.readAsArrayBuffer(file);
self.previewDefault(file, previewId);
setTimeout(function() {
readFile(i + 1);
self.updateFileDetails(numFiles);
self.raise('fileloaded', [file, previewId, i, reader]);
self.filestack.push(file);
readFile(0);
self.updateFileDetails(numFiles, false);
updateFileDetails: function(numFiles) {
var self = this, msgSelected = self.msgSelected, $el = self.$element, fileStack = self.getFileStack(),
name = $el.val() || (fileStack.length && fileStack[0].name) || '', label = self.slug(name),
n = self.isUploadable ? fileStack.length : numF
numFiles = self.initialPreviewCount + n,
log = n & 1 ? msgSelected.replace(/\{n\}/g, numFiles) :
if (self.isError) {
self.$previewContainer.removeClass('loading');
self.$previewStatus.html('');
self.$captionContainer.find('.kv-caption-icon').hide();
log = self.msgValidationE
self.showFileIcon();
self.setCaption(log);
self.$container.removeClass('file-input-new');
if (arguments.length == 1) {
self.raise('fileselect', [numFiles, label]);
change: function (e) {
var self = this, $el = self.$element, label = self.slug($el.val()),
total = 0, $preview = self.$preview, isDragDrop = arguments.length & 1,
files = isDragDrop ? e.originalEvent.dataTransfer.files : $el.get(0).files,
msgSelected = self.msgSelected,
numFiles = !isEmpty(files) ? (files.length + self.initialPreviewCount) : 1, tfiles,
ctr = self.filestack.length, isAjaxUpload = (self.isUploadable && ctr != 0),
throwError = function(msg, file, previewId, index) {
var outData = self.getOutData(formdata, {}, files);
return self.isUploadable ? self.showUploadError(msg, outData, previewId, index) : self.showError(msg, file, previewId, index);
self.resetUpload();
self.hideFileIcon();
self.$container.find('.file-drop-zone .' + self.dropZoneTitleClass).remove();
if (isDragDrop) {
if (e.target.files === undefined) {
tfiles = e.target && e.target.value ? [
{name: e.target.value.replace(/^.+\\/, '')}
tfiles = e.target.
if (isEmpty(tfiles) || tfiles.length === 0) {
if (!isAjaxUpload) {
self.clear(false);
self.raise('fileselectnone');
self.resetErrors();
if (!isAjaxUpload) {
if (!self.overwriteInitial) {
$preview.html(self.initialPreviewContent);
$preview.html('');
var total = self.isUploadable ? self.getFileStack().length + tfiles.length : tfiles.
if (self.maxFileCount & 0 && total & self.maxFileCount) {
var msg = self.msgFilesTooMany.replace(/\{m\}/g, self.maxFileCount).replace(/\{n\}/g, total);
self.isError = throwError(msg, null, null, null);
self.$captionContainer.find('.kv-caption-icon').hide();
self.$caption.html(self.msgValidationError);
self.$container.removeClass('file-input-new');
if (!self.isIE9) {
self.readFiles(files);
self.updateFileDetails(1);
self.reader =
autoSizeImage: function(previewId) {
var self = this, $preview = self.$preview,
$thumb = $preview.find(&#& + previewId),
$img = $thumb.find('img');
if (!$img.length) {
$img.on('load', function() {
var w1 = $thumb.width(), w2 = $preview.width();
if (w1 & w2) {
$img.css('width', '100%');
$thumb.css('width', '97%');
var $cap = $img.closest('.file-preview-frame').find('.file-caption-name');
if ($cap.length) {
$cap.width($img.width());
$cap.attr('title', $cap.text());
self.raise('fileimageloaded', previewId);
autoSizeCaption: function() {
var self =
if (self.$caption.length == 0 || !self.autoFitCaption) {
self.$caption.css('width', 0);
setTimeout(function() {
var w = self.$captionContainer.width();
self.$caption.css('width', 0.98 * w);
setCaption: function(content) {
var self = this, title = $('&div&' + content + '&/div&').text(),
icon = self.layoutTemplates['icon'],
out = icon +
if (self.$caption.length == 0) {
self.$caption.html(out);
self.$caption.attr('title', title);
self.autoSizeCaption();
initBrowse: function ($container) {
var self =
self.$btnFile = $container.find('.btn-file');
self.$btnFile.append(self.$element);
createContainer: function () {
var self =
var $container = $(document.createElement(&span&)).attr({&class&: 'file-input file-input-new'}).html(self.renderMain());
self.$element.before($container);
self.initBrowse($container);
refreshContainer: function () {
var self = this, $container = self.$
$container.before(self.$element);
$container.html(self.renderMain());
self.initBrowse($container);
renderMain: function () {
var self = this, dropCss = (self.isUploadable && self.dropZoneEnabled) ? ' file-drop-zone' : '';;
var preview = self.showPreview ? self.getLayoutTemplate('preview')
.replace(/\{class\}/g, self.previewClass)
.replace(/\{dropClass\}/g, dropCss)
: '';
var css = self.isDisabled ? self.captionClass + ' file-caption-disabled' : self.captionC
var caption = self.captionTemplate.replace(/\{class\}/g, css + ' kv-fileinput-caption');
return self.mainTemplate.replace(/\{class\}/g, self.mainClass).
replace(/\{preview\}/g, preview).
replace(/\{caption\}/g, caption).
replace(/\{upload\}/g, self.renderUpload()).
replace(/\{remove\}/g, self.renderRemove()).
replace(/\{cancel\}/g, self.renderCancel()).
replace(/\{browse\}/g, self.renderBrowse());
renderBrowse: function () {
var self = this, css = self.browseClass + ' btn-file', status = '';
if (self.isDisabled) {
status = ' disabled ';
return '&div class=&' + css + '&' + status + '& ' + self.browseIcon + self.browseLabel + ' &/div&';
renderRemove: function () {
var self = this, css = self.removeClass + ' fileinput-remove fileinput-remove-button', status = '';
if (!self.showRemove) {
return '';
if (self.isDisabled) {
status = ' disabled ';
return '&button type=&button& title=&' + self.removeTitle + '& class=&' + css + '&' + status + '&' + self.removeIcon + self.removeLabel + '&/button&';
renderCancel: function () {
var self = this, css = self.cancelClass + ' fileinput-cancel fileinput-cancel-button', status = '';
if (!self.showCancel) {
return '';
return '&button type=&button& title=&' + self.cancelTitle + '& class=&hide ' + css + '&&' + self.cancelIcon + self.cancelLabel + '&/button&';
renderUpload: function () {
var self = this, css = self.uploadClass + ' kv-fileinput-upload', content = '', status = '';
if (!self.showUpload) {
return '';
if (self.isDisabled) {
status = ' disabled ';
if (!self.isUploadable || self.isDisabled) {
content = '&button type=&submit& title=&' + self.uploadTitle + '&class=&' + css + '&' + status + '&' + self.uploadIcon + self.uploadLabel + '&/button&';
content = '&a href=&' + self.uploadYourUrl + '& title=&' + self.uploadTitle + '& class=&' + css + '&' + status + '&' + self.uploadIcon + self.uploadLabel + '&/a&';
//FileInput plugin definition
$.fn.fileinput = function (option) {
if (!hasFileAPISupport() && !isIE(9)) {
var args = Array.apply(null, arguments);
args.shift();
return this.each(function () {
var $this = $(this),
data = $this.data('fileinput'),
options = typeof option === 'object' &&
if (!data) {
$this.data('fileinput',
(data = new FileInput(this, $.extend({}, $.fn.fileinput.defaults, options, $(this).data()))));
if (typeof option === 'string') {
data[option].apply(data, args);
$.fn.fileinput.defaults = {
showCaption: true,
showPreview: true,
showRemove: true,
showUpload: true,
showCancel: true,
autoFitCaption: true,
mainClass: '',
previewClass: '',
captionClass: '',
mainTemplate: null,
initialCaption: '',
initialPreview: '',
initialPreviewCount: 0,
initialPreviewDelimiter: '*$$*',
initialPreviewConfig: [],
initialPreviewShowDelete: true,
overwriteInitial: true,
layoutTemplates: defaultLayoutTemplates,
previewTemplates: defaultPreviewTemplates,
allowedPreviewTypes: defaultPreviewTypes,
allowedPreviewMimeTypes: null,
allowedFileTypes: null,
allowedFileExtensions: null,
previewSettings: defaultPreviewSettings,
fileTypeSettings: defaultFileTypeSettings,
browseLabel: 'Browse &',
browseIcon: '&i class=&glyphicon glyphicon-folder-open&&&/i& &',
browseClass: 'btn btn-primary',
removeLabel: 'Remove',
removeTitle: 'Clear selected files',
removeIcon: '&i class=&glyphicon glyphicon-trash&&&/i& ',
removeClass: 'btn btn-default',
cancelLabel: 'Cancel',
cancelTitle: 'Abort ongoing upload',
cancelIcon: '&i class=&glyphicon glyphicon-ban-circle&&&/i& ',
cancelClass: 'btn btn-default',
uploadLabel: 'Upload',
uploadTitle: 'Upload selected files',
uploadIcon: '&i class=&glyphicon glyphicon-upload&&&/i& ',
uploadClass: 'btn btn-default',
uploadYourUrl: null,
uploadExtraData: [],
uploadAsync: true,
maxFileSize: 0,
maxFileCount: 0,
msgSizeTooLarge: 'File &{name}& (&b&{size} KB&/b&) exceeds maximum allowed upload size of &b&{maxSize} KB&/b&. Please retry your upload!',
msgFilesTooMany: 'Number of files selected for upload &b&({n})&/b& exceeds maximum allowed limit of &b&{m}&/b&. Please retry your upload!',
msgFileNotFound: 'File &{name}& not found!',
msgFileNotReadable: 'File &{name}& is not readable.',
msgFilePreviewAborted: 'File preview aborted for &{name}&.',
msgFilePreviewError: 'An error occurred while reading the file &{name}&.',
msgInvalidFileType: 'Invalid type for file &{name}&. Only &{types}& files are supported.',
msgInvalidFileExtension: 'Invalid extension for file &{name}&. Only &{extensions}& files are supported.',
msgValidationError: '&span class=&text-danger&&&i class=&glyphicon glyphicon-exclamation-sign&&&/i& File Upload Error&/span&',
msgErrorClass: 'file-error-message',
msgLoading: 'Loading
file {index} of {files} &',
msgProgress: 'Loading file {index} of {files} - {name} - {percent}% completed.',
msgSelected: '{n} files selected',
previewFileType: 'image',
wrapTextLength: 250,
wrapIndicator: ' &span class=&wrap-indicator& title=&{title}& onclick=&{dialog}&&[&]&/span&',
elCaptionContainer: null,
elCaptionText: null,
elPreviewContainer: null,
elPreviewImage: null,
elPreviewStatus: null,
elErrorContainer: null,
slugCallback: null,
dropZoneEnabled: true,
dropZoneTitle: 'Drag & drop files here &',
dropZoneTitleClass: 'file-drop-zone-title',
fileActionSettings: {},
otherActionButtons: '',
textEncoding: 'UTF-8'
$.fn.fileinput.Constructor = FileI
* Convert automatically file inputs with class 'file'
* into a bootstrap fileinput control.
$(document).ready(function () {
var $input = $('input.file[type=file]'), count = $input.attr('type') != null ? $input.length : 0;
if (count & 0) {
$input.fileinput();
+})(window.jQuery);
\ No newline at end of file
Index: select2.js
===================================================================
--- select2.js (revision 0)
+++ select2.js (revision 2)
@@ -0,0 +1,3532 @@
+Copyright 2012 Igor Vaynberg
+Version: @@ver@@ Timestamp: @@timestamp@@
+This software is licensed under the Apache License, Version 2.0 (the &Apache License&) or the GNU
+General Public License version 2 (the &GPL License&). You may choose either license to govern your
+use of this software only upon the condition that you accept all of the terms of either the Apache
+License or the GPL License.
+You may obtain a copy of the Apache License and the GPL License at:
http://www.apache.org/licenses/LICENSE-2.0
http://www.gnu.org/licenses/gpl-2.0.html
+Unless required by applicable law or agreed to in writing, software distributed under the
+Apache License or the GPL License is distributed on an &AS IS& BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the Apache License and the GPL License for
+the specific language governing permissions and limitations under the Apache License and the GPL License.
+(function ($) {
if(typeof $.fn.each2 == &undefined&) {
$.extend($.fn, {
* 4-10 times faster .each replacement
* use it carefully, as it overrides jQuery context of element on each iteration
each2 : function (c) {
var j = $([0]), i = -1, l = this.
&& (j.context = j[0] = this[i])
&& c.call(j[0], i, j) !== false //&this&=DOM, i=index, j=jQuery object
+})(jQuery);
+(function ($, undefined) {
&use strict&;
/*global document, window, jQuery, console */
if (window.Select2 !== undefined) {
var KEY, AbstractSelect2, SingleSelect2, MultiSelect2, nextUid, sizer,
lastMousePosition={x:0,y:0}, $document, scrollBarDimensions,
ENTER: 13,
SPACE: 32,
RIGHT: 39,
SHIFT: 16,
PAGE_UP: 33,
PAGE_DOWN: 34,
BACKSPACE: 8,
DELETE: 46,
isArrow: function (k) {
k = k.which ? k.which :
switch (k) {
case KEY.LEFT:
case KEY.RIGHT:
case KEY.UP:
case KEY.DOWN:
isControl: function (e) {
var k = e.
switch (k) {
case KEY.SHIFT:
case KEY.CTRL:
case KEY.ALT:
if (e.metaKey)
isFunctionKey: function (k) {
k = k.which ? k.which :
return k &= 112 && k &= 123;
MEASURE_SCROLLBAR_TEMPLATE = &&div class='select2-measure-scrollbar'&&/div&&,
DIACRITICS = {&\u24B6&:&A&,&\uFF21&:&A&,&\u00C0&:&A&,&\u00C1&:&A&,&\u00C2&:&A&,&\u1EA6&:&A&,&\u1EA4&:&A&,&\u1EAA&:&A&,&\u1EA8&:&A&,&\u00C3&:&A&,&\u0100&:&A&,&\u0102&:&A&,&\u1EB0&:&A&,&\u1EAE&:&A&,&\u1EB4&:&A&,&\u1EB2&:&A&,&\u0226&:&A&,&\u01E0&:&A&,&\u00C4&:&A&,&\u01DE&:&A&,&\u1EA2&:&A&,&\u00C5&:&A&,&\u01FA&:&A&,&\u01CD&:&A&,&\u0200&:&A&,&\u0202&:&A&,&\u1EA0&:&A&,&\u1EAC&:&A&,&\u1EB6&:&A&,&\u1E00&:&A&,&\u0104&:&A&,&\u023A&:&A&,&\u2C6F&:&A&,&\uA732&:&AA&,&\u00C6&:&AE&,&\u01FC&:&AE&,&\u01E2&:&AE&,&\uA734&:&AO&,&\uA736&:&AU&,&\uA738&:&AV&,&\uA73A&:&AV&,&\uA73C&:&AY&,&\u24B7&:&B&,&\uFF22&:&B&,&\u1E02&:&B&,&\u1E04&:&B&,&\u1E06&:&B&,&\u0243&:&B&,&\u0182&:&B&,&\u0181&:&B&,&\u24B8&:&C&,&\uFF23&:&C&,&\u0106&:&C&,&\u0108&:&C&,&\u010A&:&C&,&\u010C&:&C&,&\u00C7&:&C&,&\u1E08&:&C&,&\u0187&:&C&,&\u023B&:&C&,&\uA73E&:&C&,&\u24B9&:&D&,&\uFF24&:&D&,&\u1E0A&:&D&,&\u010E&:&D&,&\u1E0C&:&D&,&\u1E10&:&D&,&\u1E12&:&D&,&\u1E0E&:&D&,&\u0110&:&D&,&\u018B&:&D&,&\u018A&:&D&,&\u0189&:&D&,&\uA779&:&D&,&\u01F1&:&DZ&,&\u01C4&:&DZ&,&\u01F2&:&Dz&,&\u01C5&:&Dz&,&\u24BA&:&E&,&\uFF25&:&E&,&\u00C8&:&E&,&\u00C9&:&E&,&\u00CA&:&E&,&\u1EC0&:&E&,&\u1EBE&:&E&,&\u1EC4&:&E&,&\u1EC2&:&E&,&\u1EBC&:&E&,&\u0112&:&E&,&\u1E14&:&E&,&\u1E16&:&E&,&\u0114&:&E&,&\u0116&:&E&,&\u00CB&:&E&,&\u1EBA&:&E&,&\u011A&:&E&,&\u0204&:&E&,&\u0206&:&E&,&\u1EB8&:&E&,&\u1EC6&:&E&,&\u0228&:&E&,&\u1E1C&:&E&,&\u0118&:&E&,&\u1E18&:&E&,&\u1E1A&:&E&,&\u0190&:&E&,&\u018E&:&E&,&\u24BB&:&F&,&\uFF26&:&F&,&\u1E1E&:&F&,&\u0191&:&F&,&\uA77B&:&F&,&\u24BC&:&G&,&\uFF27&:&G&,&\u01F4&:&G&,&\u011C&:&G&,&\u1E20&:&G&,&\u011E&:&G&,&\u0120&:&G&,&\u01E6&:&G&,&\u0122&:&G&,&\u01E4&:&G&,&\u0193&:&G&,&\uA7A0&:&G&,&\uA77D&:&G&,&\uA77E&:&G&,&\u24BD&:&H&,&\uFF28&:&H&,&\u0124&:&H&,&\u1E22&:&H&,&\u1E26&:&H&,&\u021E&:&H&,&\u1E24&:&H&,&\u1E28&:&H&,&\u1E2A&:&H&,&\u0126&:&H&,&\u2C67&:&H&,&\u2C75&:&H&,&\uA78D&:&H&,&\u24BE&:&I&,&\uFF29&:&I&,&\u00CC&:&I&,&\u00CD&:&I&,&\u00CE&:&I&,&\u0128&:&I&,&\u012A&:&I&,&\u012C&:&I&,&\u0130&:&I&,&\u00CF&:&I&,&\u1E2E&:&I&,&\u1EC8&:&I&,&\u01CF&:&I&,&\u0208&:&I&,&\u020A&:&I&,&\u1ECA&:&I&,&\u012E&:&I&,&\u1E2C&:&I&,&\u0197&:&I&,&\u24BF&:&J&,&\uFF2A&:&J&,&\u0134&:&J&,&\u0248&:&J&,&\u24C0&:&K&,&\uFF2B&:&K&,&\u1E30&:&K&,&\u01E8&:&K&,&\u1E32&:&K&,&\u0136&:&K&,&\u1E34&:&K&,&\u0198&:&K&,&\u2C69&:&K&,&\uA740&:&K&,&\uA742&:&K&,&\uA744&:&K&,&\uA7A2&:&K&,&\u24C1&:&L&,&\uFF2C&:&L&,&\u013F&:&L&,&\u0139&:&L&,&\u013D&:&L&,&\u1E36&:&L&,&\u1E38&:&L&,&\u013B&:&L&,&\u1E3C&:&L&,&\u1E3A&:&L&,&\u0141&:&L&,&\u023D&:&L&,&\u2C62&:&L&,&\u2C60&:&L&,&\uA748&:&L&,&\uA746&:&L&,&\uA780&:&L&,&\u01C7&:&LJ&,&\u01C8&:&Lj&,&\u24C2&:&M&,&\uFF2D&:&M&,&\u1E3E&:&M&,&\u1E40&:&M&,&\u1E42&:&M&,&\u2C6E&:&M&,&\u019C&:&M&,&\u24C3&:&N&,&\uFF2E&:&N&,&\u01F8&:&N&,&\u0143&:&N&,&\u00D1&:&N&,&\u1E44&:&N&,&\u0147&:&N&,&\u1E46&:&N&,&\u0145&:&N&,&\u1E4A&:&N&,&\u1E48&:&N&,&\u0220&:&N&,&\u019D&:&N&,&\uA790&:&N&,&\uA7A4&:&N&,&\u01CA&:&NJ&,&\u01CB&:&Nj&,&\u24C4&:&O&,&\uFF2F&:&O&,&\u00D2&:&O&,&\u00D3&:&O&,&\u00D4&:&O&,&\u1ED2&:&O&,&\u1ED0&:&O&,&\u1ED6&:&O&,&\u1ED4&:&O&,&\u00D5&:&O&,&\u1E4C&:&O&,&\u022C&:&O&,&\u1E4E&:&O&,&\u014C&:&O&,&\u1E50&:&O&,&\u1E52&:&O&,&\u014E&:&O&,&\u022E&:&O&,&\u0230&:&O&,&\u00D6&:&O&,&\u022A&:&O&,&\u1ECE&:&O&,&\u0150&:&O&,&\u01D1&:&O&,&\u020C&:&O&,&\u020E&:&O&,&\u01A0&:&O&,&\u1EDC&:&O&,&\u1EDA&:&O&,&\u1EE0&:&O&,&\u1EDE&:&O&,&\u1EE2&:&O&,&\u1ECC&:&O&,&\u1ED8&:&O&,&\u01EA&:&O&,&\u01EC&:&O&,&\u00D8&:&O&,&\u01FE&:&O&,&\u0186&:&O&,&\u019F&:&O&,&\uA74A&:&O&,&\uA74C&:&O&,&\u01A2&:&OI&,&\uA74E&:&OO&,&\u0222&:&OU&,&\u24C5&:&P&,&\uFF30&:&P&,&\u1E54&:&P&,&\u1E56&:&P&,&\u01A4&:&P&,&\u2C63&:&P&,&\uA750&:&P&,&\uA752&:&P&,&\uA754&:&P&,&\u24C6&:&Q&,&\uFF31&:&Q&,&\uA756&:&Q&,&\uA758&:&Q&,&\u024A&:&Q&,&\u24C7&:&R&,&\uFF32&:&R&,&\u0154&:&R&,&\u1E58&:&R&,&\u0158&:&R&,&\u0210&:&R&,&\u0212&:&R&,&\u1E5A&:&R&,&\u1E5C&:&R&,&\u0156&:&R&,&\u1E5E&:&R&,&\u024C&:&R&,&\u2C64&:&R&,&\uA75A&:&R&,&\uA7A6&:&R&,&\uA782&:&R&,&\u24C8&:&S&,&\uFF33&:&S&,&\u1E9E&:&S&,&\u015A&:&S&,&\u1E64&:&S&,&\u015C&:&S&,&\u1E60&:&S&,&\u0160&:&S&,&\u1E66&:&S&,&\u1E62&:&S&,&\u1E68&:&S&,&\u0218&:&S&,&\u015E&:&S&,&\u2C7E&:&S&,&\uA7A8&:&S&,&\uA784&:&S&,&\u24C9&:&T&,&\uFF34&:&T&,&\u1E6A&:&T&,&\u0164&:&T&,&\u1E6C&:&T&,&\u021A&:&T&,&\u0162&:&T&,&\u1E70&:&T&,&\u1E6E&:&T&,&\u0166&:&T&,&\u01AC&:&T&,&\u01AE&:&T&,&\u023E&:&T&,&\uA786&:&T&,&\uA728&:&TZ&,&\u24CA&:&U&,&\uFF35&:&U&,&\u00D9&:&U&,&\u00DA&:&U&,&\u00D