73925_Screenshot_20201015185652215_com.android.browser.jpg (276.1 Kb) 
TheAlex 
Nemos 
PasichNIK 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>
<?
}
}
Везувий