0

Плохо понимаю сам принцип работы этих методов, поэто взяяв готовое решение отсюда не получил ровным счётом никакого результа — print_r($_POST); и print_r($_FILES); путстые.

Разжуйте, пожалуйста

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="data" method="post" enctype="multipart/form-data">
  <label for="title">Название</label>
  <input type="text" name="title" id="title" class="form-control">
  <label for="description">Описание</label>
  <textarea name="description" id="description" class="form-control"></textarea>

  <label for="file" class="mt-5">Добавьте изображения</label>
  <input type="file" name="fileToUpload" id="fileToUpload">

  <div class="alert alert-danger mt-2" id="errorBlock"></div>

  <button type="button" id="send_prjct" class="btn btn-dark mt-3">Добавить</button>
</form>

<script>
$("form#data").submit(function(e) {
    		e.preventDefault();    
    		var formData = new FormData(this);

			
			$.ajax({
				url: 'ajax/add_project.php',
				type: 'POST',
				data: FormData,
				cache: false,
				contentType: false,
				processData: false,
				success: function(data) {
					if (data == 'Готово'){
						$('#send_prjct').text('Выполнено');
						$('#errorBlock').hide();
					} else {
						$('#errorBlock').show();
						$('#errorBlock').text(data);
					}
				}		
			});
		});		
	</script>

1 ответ 1

1

Рабочий вариант:

Результат:

введите сюда описание изображения

И с выводом "Готово":

введите сюда описание изображения

введите сюда описание изображения

<?php
header('Content-Type: text/html; charset=utf-8');
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="data" method="post" enctype="multipart/form-data">
  <label for="title">Название</label>
  <input type="text" name="title" id="title" class="form-control"><br>
  <label for="description">Описание</label>
  <textarea name="description" id="description" class="form-control"></textarea><br>

  <label for="file" class="mt-5">Добавьте изображения</label>
  <input type="file" name="fileToUpload" id="fileToUpload"><br>

  <div class="alert alert-danger mt-2" id="errorBlock"></div><br>

  <button type="submit" id="send_prjct" class="btn btn-dark mt-3">Добавить</button>
</form>

<script>
$("#data").submit(function(e) {
            e.preventDefault();    
            var formData = new FormData(this);

            $.ajax({
                url: 'files.php',
                type: 'POST',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function(data) {
                    if (data == 'Готово'){
                        $('#send_prjct').text('Выполнено');
                        $('#errorBlock').hide();
                    } else {
                        $('#errorBlock').show();
                        $('#errorBlock').text(data);
                    }
                }       
            });
        });     
    </script>

files.php - куда отправлял

1 вариант с print_r

<?php
print_r($_POST); 
print_r($_FILES);
//echo 'Готово';
?>

Вариант с "Готово":

<?php
//print_r($_POST); 
//print_r($_FILES);
echo 'Готово';
?>

*UPD по комменту:

Все стандартно:

введите сюда описание изображения

введите сюда описание изображения

files.php:

<?php
//print_r($_POST);
//echo '||||||||||';
//print_r($_FILES);

echo 'Title: '.$_POST['title'].' | ';
echo 'Description: '.$_POST['description'].' | ';
echo 'fileToUpload_name: '.$_FILES['fileToUpload']['name'].' | ';
echo 'fileToUpload_tmp_name: '.$_FILES['fileToUpload']['tmp_name'].' | ';
echo 'fileToUpload_size: '.$_FILES['fileToUpload']['size'].' | ';
echo 'fileToUpload_error: '.$_FILES['fileToUpload']['error'].' | ';
echo 'fileToUpload_type: '.$_FILES['fileToUpload']['type'].' | ';

//echo 'Готово';
?>
4
  • Ничего не понятно, а в чем ошибка-то была?
    – user256824
    27 окт 2019 в 13:32
  • 2
    @Рустам Гимранов submit не прикручен, data не FormData в отсыле, а formData, не form#data, а form #data и проще #data и... вроде и все
    – Coder
    27 окт 2019 в 14:01
  • @Coder, а как получать переменные? Я пробовал $title = $_POST['title']; $description = $_POST['description']; $file = $_FILES['fileToUpload']; $fileName = $_FILES['fileToUpload']['name']; $fileTmpName = $_FILES['fileToUpload']['tmp_name']; $fileSize = $_FILES['fileToUpload']['size']; $fileError = $_FILES['fileToUpload']['error']; $fileType = $_FILES['fileToUpload']['type']; Но получаю ошибку сервера 500
    – Nonono
    27 окт 2019 в 16:36
  • @Nonono - добавил в ответ. Больше не подскажешь - 500 может быть от неправильного htaccess до многого и многого.
    – Coder
    27 окт 2019 в 17:36

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.