sharoff/ajax-file-upload

Загрузка файлов по частям с помощью JQUERY + AJAX + PHP

ajax-file-upload

Загрузка файлов по частям с помощью JQUERY + AJAX + PHP, _(*1)

Установка

composer require sharoff/ajax-file-upload

Скопировать из вендора js-файл: src/public/js/file_upload.js, _(*2)

Подключить скрипты:

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/file_upload.js"></script>

Инициализация элементов

Для input тега необходимо добавить CSS класс: "js-ajax-upload" Указание URL загрузки (JS):, _(*3)

FILE_UPLOAD.upload_url = 'новый урл';

Указание количество одновременных передаваемых частей на сервер (JS):, _(*4)

FILE_UPLOAD.queue_limit = 'кол-во частей';

Указание размера одного пакета в байтах (JS):, _(*5)

FILE_UPLOAD.partitionSize = 'размер в байтах';

Указание максимальное количество секунд ожидания ответа от сервера (JS):, _(*6)

FILE_UPLOAD.timeout = 'время в секундах';

События:

При каждой загрузке одной части пакета у input`а указывается data аттрибут "data-percent" и вызывается событие "ajax-upload-percent", _(*7)

$('.js-input-file-1').on('ajax-upload-percent', function(){
  console.log($(this).attr('data-percent'));
});

После полной загрузки файла вызывается событие "ajax-upload-success", в которое так же передаются все данные пришедшие с сервера, _(*8)

$('.js-input-file-1').on('ajax-upload-success', function(event, data){
  console.info('Загрузка завершена');
  console.log(data);
});

Реинициализация (при ajax загрузке элементов, JS)

FILE_UPLOAD.init();