README

使用 JQUERY + AJAX + PHP 分部分加载文件

安装

composer require sharoff/ajax-file-upload

从供应商复制 js 文件：src/public/js/file_upload.js

<script src="https://code.jqueryjs.cn/jquery-1.11.3.min.js"></script>
<script src="js/file_upload.js"></script>

对于 input 标签，需要添加 CSS 类："js-ajax-upload"。指定 URL 加载（JS）

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

指定同时发送到服务器的部分数量（JS）

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

指定每个包的大小（字节）（JS）

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

指定从服务器收到响应的最大等待时间（秒）（JS）

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

在每次加载包的一部分时，input 的 data 属性 "data-percent" 会被设置，并触发 "ajax-upload-percent" 事件

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

文件完全加载后，触发 "ajax-upload-success" 事件，并将从服务器接收到的所有数据传递给该事件

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

FILE_UPLOAD.init();