CLASS FILE{      /*   ---------------------------------------   Загрузка файла   ---------------------------------------   */      PUBLIC STATIC FUNCTION UPLOAD($name = 'Выберите файл', $form = 1, $class = 'file-upload', $icon = 'upload') {          GLOBAL $user;          //$path - путь обращения к обработчику     //$name - описание выгрузки     //$form - использование собственной формы отправки     //$class - стиль кнопки     //$icon - иконка кнопки          ?>            <? IF ($form == 1){ ?>     <form id="js-form" method="post" enctype="multipart/form-data">     <? } ?>            <label class='file-label'><span class="<?=$class?>">      <input id="js-file" type="file" name="file" class="file-form" multiple>     <span><i class="fa fa-<?=$icon?> fa-fw"></i> <?=$name?></span>     </span></label>            <? IF ($form == 1){ ?>       </form>     <? } ?>          <div id="result"></div>          <script>            $('#js-file').change(function() {              $('#js-form').ajaxSubmit({                  xhr: function() {                      var xhr = new window.XMLHttpRequest();                      xhr.upload.addEventListener("progress", function(evt) {             if (evt.lengthComputable) {               var percentComplete = evt.loaded / evt.total;               percentComplete = parseInt(percentComplete * 100);                              var data_progress = "<div class='file-upload-progress'><i class='fa fa-spinner fa-pulse fa-lg fa-fw'></i> <b>Загрузка...</b><br /><br /><div class='file-upload-progress-ind-o'><div class='file-upload-progress-ind' style='width:"+percentComplete+"%;'><span class='file-upload-progress-pr'>"+percentComplete+"%</span></div></div></div>";                              $('#result').html(data_progress);                              if (percentComplete === 100) {                                  $('#result').html("<div class='file-upload-progress'><font color='#4BBB62'><i class='fa fa-check fa-lg fa-fw'></i> <b>Успешно загружено</b></font><br /><br /><div class='file-upload-progress-ind-o'><div class='file-upload-progress-ind-green' style='width:100%;'><span class='file-upload-progress-pr'>100%</span></div></div></div>");                              }                            }                      }, false);                      return xhr;                  },         type: "POST";         target: "#result",         success: function() {                      // После загрузки файла очистим форму           $('#js-form')[0].reset();                  },                  error: function() {                      $('#result').html("<div class='file-upload-progress'><i class='fa fa-exclamation-triangle fa-fw'></i> Ошибка. Попробуйте ещё раз или проверьте подключение и интернету</div>");                  }              });          });          </script>            <?     }      }