')
};
// empty out whatever is in there
dom.uploaderBox.empty();
// create and attach UI elements
setupDOM(dom);
// set up event handling
bindUIEvents();
function setupDOM (dom) {
dom.contentsContainer
.append(dom.instructions)
.append(dom.selectButton);
dom.furtherInstructions
.append(dom.secondarySelectButton);
dom.uploaderBox
.append(dom.fileList)
.append(dom.contentsContainer)
.append(dom.submitButton)
.after(dom.furtherInstructions);
}
function bindUIEvents () {
// handle drag and drop
options.dropZone.on('dragover dragleave', function (e) {
e.preventDefault();
e.stopPropagation();
});
$.event.props.push('dataTransfer'); // jquery bug hack
options.dropZone.on('drop', selectFilesHandler);
// hack for being able selecting the same file name twice
dom.selectButton.on('click', function () { this.value = null; });
dom.selectButton.on('change', selectFilesHandler);
dom.secondarySelectButton.on('click', function () { this.value = null; });
dom.secondarySelectButton.on('change', selectFilesHandler);
// handle the submit click
dom.submitButton.on('click', uploadSubmitHandler);
// remove link handler
dom.uploaderBox.on('click', '.js-upload-remove-button', removeItemHandler);
// expose handlers for testing
if (options.testMode) {
options.dropZone.on('uploaderTestEvent', function (e) {
switch (e.functionName) {
case 'selectFilesHandler':
selectFilesHandler(e);
break;
case 'uploadSubmitHandler':
uploadSubmitHandler(e);
break;
default:
break;
}
});
}
}
function addItem (file) {
var fileName = cleanName(file.name);
var fileSize = file.size;
var id = state.listIndex;
var sizeWrapper;
var fileNameWrapper = $('' + fileName + '');
state.listIndex++;
var listItem = $('');
var thumbnailContainer = $('');
var thumbnail = $('');
var removeLink = $('');
// validate the file
//if (options.fileTypeWhiteList.indexOf(getExtension(file.name).toLowerCase()) !== -1) {
// file is ok, add it to the batch
state.fileBatch.push({file: file, id: id, fileName: fileName, fileSize: fileSize});
sizeWrapper = $('' + formatBytes(fileSize) + '');
//} else {
// // file is not ok, only add it to the dom
// sizeWrapper = $('' + options.badFileTypeMessage + '');
//}
// create the thumbnail, if you can
if (window.FileReader && file.type.indexOf('image') !== -1) {
var reader = new FileReader();
reader.onloadend = function () {
thumbnail.attr('src', reader.result);
thumbnail.parent().find('i').remove();
};
reader.onerror = function () {
thumbnail.remove();
};
reader.readAsDataURL(file);
} else if (file.type.indexOf('image') === -1) {
thumbnail = $('');
}
thumbnailContainer.append(thumbnail);
listItem.append(thumbnailContainer);
listItem
.append(fileNameWrapper)
.append(sizeWrapper)
.append(removeLink);
dom.fileList.append(listItem);
}
function getExtension (path) {
var basename = path.split(/[\\/]/).pop();
var pos = basename.lastIndexOf('.');
if (basename === '' || pos < 1) {
return '';
}
return basename.slice(pos + 1);
}
function formatBytes (bytes, decimals) {
if (bytes === 0) return '0 Bytes';
var k = 1024;
var dm = decimals + 1 || 3;
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
var i = Math.floor(Math.log(bytes) / Math.log(k));
return (bytes / Math.pow(k, i)).toPrecision(dm) + ' ' + sizes[i];
}
function cleanName (name) {
name = name.replace(/\s+/gi, '-'); // Replace white space with dash
return name.replace(/[^a-zA-Z0-9.\-]/gi, ''); // Strip any special characters
}
function uploadSubmitHandler () {
if (state.fileBatch.length !== 0) {
var data = new FormData();
for (var i = 0; i < state.fileBatch.length; i++) {
data.append('files[]', state.fileBatch[i].file, state.fileBatch[i].fileName);
}
data.append('UploadFileType', parent.PuploadFileType);
data.append('SelectBsSql', parent.SelectBsSql);
data.append('SelectBsNo', parent.SelectBsNo);
$.ajax({
type: 'POST',
url: options.ajaxUrl,
data: data,
cache: false,
contentType: false,
processData: false,
success: function (res) {
console.log(res);
if (res.Success) {
alert('上传成功！');
} else {
alert('上传出错' + res.Message);
}
//parent.winFXTZModifyShow.show();
parent.SelectStore.reload();
parent.extParentWinFrame.close();
location.reload();
}
});
}
}
function selectFilesHandler (e) {
e.preventDefault();
e.stopPropagation();
if (!state.isUploading) {
// files come from the input or a drop
var files = e.target.files || e.dataTransfer.files || e.dataTransfer.getData;
// process each incoming file
for (var i = 0; i < files.length; i++) {
addItem(files[i]);
}
}
renderControls();
}
function renderControls () {
if (dom.fileList.children().size() !== 0) {
dom.submitButton.removeClass('uploader__hide');
dom.furtherInstructions.removeClass('uploader__hide');
dom.contentsContainer.addClass('uploader__hide');
} else {
dom.submitButton.addClass('uploader__hide');
dom.furtherInstructions.addClass('uploader__hide');
dom.contentsContainer.removeClass('uploader__hide');
}
}
function removeItemHandler (e) {
e.preventDefault();
if (!state.isUploading) {
var removeIndex = $(e.target).data('index');
removeItem(removeIndex);
$(e.target).parent().remove();
}
renderControls();
}
function removeItem (id) {
// remove from the batch
for (var i = 0; i < state.fileBatch.length; i++) {
if (state.fileBatch[i].id === parseInt(id)) {
state.fileBatch.splice(i, 1);
break;
}
}
// remove from the DOM
dom.fileList.find('li[data-index="' + id + '"]').remove();
}
});
};
}(jQuery));