Дипломная работа: Автоматизация процесса обработки заказов на печать фотографий в ООО "Партнер"

Скачать

Заказать новую работу

Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
101
// Оповещения о загруженных файлах
if (dataArray.length == 0) {
// Если пустой массив скрываем кнопки и всю область
$('#upload-button').hide();
$('#uploaded-holder').hide();
} else if (dataArray.length == 1) {
$('#upload-button span').html("Был выбран 1 файл");
} else {
$('#upload-button span').html(dataArray.length + " файлов были выбраны");
}
// Цикл для каждого элемента массива
for (i = start; i < end; i++) {
// размещаем загруженные изображения
if ($('#dropped-files > .image').length <= maxFiles) {
$('#dropped-files').append('<div id="img-' + i + '" class="image"
style="display:inline-block;background: url(' + dataArray[i].value + '); background-
size: cover;"> <a href="' + dataArray[i].value + '" data-fancybox><img id="' + i + '"
src="' + dataArray[i].value + '"style="opacity:0.0;filter:alpha(opacity=0)"
width=100%></a><div class="drop-button">копии&nbsp;&nbsp;<input type="text"
value="1" size="1" placeholder="кол вол копий данной фото"/><datalist
id="333"><option value="1">1</option></datalist><a href="#" id="drop-' + i + '"
>&nbsp;&nbsp;&nbsp;&nbsp;Удалить изображение</a></div><br></div>');
//$('#dropped-files').append('<br><input type="text" value="1" size="1"
placeholder="кол вол копий данной фото"/>');
}
}
return false;
}
// Функция удаления всех изображений
function restartFiles() {
102
// Установим бар загрузки в значение по умолчанию
$('#loading-bar .loading-color').css({
'width': '0%'
});
$('#loading').css({
'display': 'none'
});
$('#loading-content').html(' ');
// Удаляем все изображения на странице и скрываем кнопки
$('#upload-button').hide();
$('#dropped-files > .image').remove();
$('#uploaded-holder').hide();
// Очищаем массив
dataArray.length = 0;
return false;
}
// Удаление только выбранного изображения
$("#dropped-files").on("click", "a[id^='drop']", function() {
// получаем название id
var elid = $(this).attr('id');
// создаем массив для разделенных строк
var temp = new Array();
// делим строку id на 2 части
temp = elid.split('-');
// получаем значение после тире тоесть индекс изображения в массиве
dataArray.splice(temp[1], 1);
// Удаляем старые эскизы
103
$('#dropped-files > .image').remove();
// Обновляем эскизи в соответсвии с обновленным массивом
addImage(-1);
});
$("#dropped-files").on("click", "div[id^='img']", function() {
// получаем название id
var elid = $(this).attr('id');
// создаем массив для разделенных строк
// elid=elid.substr(4);
// alert(elid);
// alert(dataArray[0].value);
// // $('#preview').append('<div id="img-'+elid+'" class="image"
style="background: url('+dataArray[elid].value+');width:600px;height:1200px;
background-size: contain;"><a href=>ляля</a> <a href="#" id="drop-'+i+'"
class="drop-button"></a></div>');
// $('#preview').append('<a href="'+dataArray[elid].value+'" data-
fancybox><img id="'+elid+'" src="'+dataArray[elid].value+'"></a>');
//
// document.getElementById ('#preview').click ();
});
// Удалить все изображения кнопка
$('#dropped-files #upload-button .delete').click(restartFiles);
// Загрузка изображений на сервер
$('#upload-button .upload').click(function() {
104
// Показываем прогресс бар
$("#loading").show();
// переменные для работы прогресс бара
var totalPercent = 100 / dataArray.length;
var x = 0;
$('#loading-content').html('Загружен ' + dataArray[0].name);
// Для каждого файла
$.each(dataArray, function(index, file) {
// загружаем страницу и передаем значения, используя HTTP POST запрос
$.post('upload.php', dataArray[index], function(data) {
var fileName = dataArray[index].name;
++x;
// Изменение бара загрузки
$('#loading-bar .loading-color').css({
'width': totalPercent * (x) + '%'
});
// Если загрузка закончилась
if (totalPercent * (x) == 100) {
// Загрузка завершена
$('#loading-content').html('Загрузка завершена!');
// Вызываем функцию удаления всех изображений после задержки 1
секунда
setTimeout(restartFiles, 1000);
// если еще продолжается загрузка
} else if (totalPercent * (x) < 100) {
// Какой файл загружается
$('#loading-content').html('Загружается ' + fileName);
}
105
// Формируем в виде списка все загруженные изображения
// data формируется в upload.php
var dataSplit = data.split(':');
if (dataSplit[1] == 'загружен успешно') {
$('#uploaded-files').append('<li><a href="images/' + dataSplit[0] + '">' +
fileName + '</a> загружен успешно</li>');
} else {
$('#uploaded-files').append('<li><a href="images/' + data + '. Имя файла:
' + dataArray[index].name + '</li>');
}
var explode = function() {
$('.sub').trigger('click');
};
setTimeout(explode, 2000);
});
});
// Показываем список загруженных файлов
$('#uploaded-files').show();
return false;
});
// Простые стили для области перетаскивания
$('#drop-files').on('dragenter', function() {
$(this).css({
'box-shadow': 'inset 0px 0px 20px rgba(0, 0, 0, 0.1)',
'border': '4px dashed #bb2b2b'
Источник: https://baza.diplomsite.ru/previewfile/2105

Смотрите также:

17. Введение 18. Линейные программы 19. Ветвления 20. Программирование циклических алгоритмов
Сборные железобетонные ребристые плиты перекрытия
_-___-~1
_3 тема - Диффузия
_Роджерс Карл, Брак и его альтернативы
_Штерн Вильям, Дифференциальная психология и ее методические основы
- Описание типа СЭТ7009
- Программа ГПИ