Форум

Dilettante_Pro · #21 (**permalink**) 17.07.2018, 15:54

Сообщение от SkyRewir

Если убрать
event.preventDefault();

Выбрасывает ошибку о том, что переменная $file не определенна

Это я вам плохой совет дал: При этом происходит два запроса на сервер, один просто с формы без file - он и дает ошибку, второй через ajax.

laimas · #22 (**permalink**) 17.07.2018, 16:50

SkyRewir,
если уж так хочется (надо полагать, что пользователь знает, что его ждет, то есть скачивание файла), то после завершения POST запроса открыть либо новое окно, либо iframe, который запросит файл на скачивание. Если же в рамках ajax средствами JS сохранять на клиенте, то нужно учитывать, что файл, это BLOB. Если при этом вести диалог, а он необходим, чего у вас не наблюдается, то его тип данных иной.

<?
if($_POST) {
    exit('Y');
}
if($_GET['f']) {
    header("Content-Length: ".filesize('filename.ext'));
    header("Content-Disposition: attachment; filename=filename.ext"); 
    header("Content-type: type_file");
    fpassthru(fopen('filename.ext', 'rb'));
    exit;
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script> 
$(function() {
    $('button').click(function(){
        $.ajax({
            url: location,
            type: 'POST',
            data: {dst: 1},
            success: function(data){
                if(data){
                    $('<iframe style="display:none" src="?f=1"/>').appendTo('body')
                }
            }
        });
    });
});
</script>
</head>
<body>
<button>GO</button>
</body>
</html>

Это пример работы с iframe.

Dilettante_Pro · #23 (**permalink**) 17.07.2018, 17:02

Получился вот такой рабочий макет:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<form action="email.php" method="POST" id="form1">
    <input type="text" name="file" value='true' hidden>
    <input type="text" name="name" placeholder="Ваше имя">
    <input type="phone" name="phone" placeholder="Ваш телефон">
    <input type="email" name="email" placeholder="Ваша почта">
    <button class="buttonIntroduction">Получить консультацию</button>
</form>
<form action="email.php" method="POST" id="form2">
    <input type="text" name="name" placeholder="Ваше имя">
    <input type="phone" name="phone" placeholder="Ваш телефон">
    <input type="email" name="email" placeholder="Ваша почта">
    <button class="buttonIntroduction">Получить консультацию</button>
</form>
<div id="buffer"></div>
<script>
 $("form").submit(function(event){
    var a = new FormData(this);

     if (!a.get('file')) event.preventDefault();
		$.ajax({
			url: $(this).attr('action'),
			type: $(this).attr('method'),
			data: a,
			contentType: false,
                        processData: false,
			cache: false,
			success: function(resp){
			   if(resp == 'noFile') $('#buffer').html("Всем спасибо");
			   else $('#buffer').html("Смотрите файл");
			}
		});
	}); 
</script>

<?php

$file = 'CatlView772_8417.pdf';
if($_POST['file']) { 
   if (file_exists($file)  ) {
      header('Content-Description: File Transfer');
      header('Content-Disposition: attachment; filename='.basename($file));
      header('Expires: 0');
      header('Cache-Control: must-revalidate');
      header('Pragma: public');
      header('Content-Length: ' . filesize($file));
      readfile($file);
      exit;
   }
}
echo('noFile');
?>

При отправке первой формы происходит загрузка файла с сервера на клиент, при отправке второй - нет.
Перезагрузки страницы нет в обоих случаях.

SkyRewir · #24 (**permalink**) 18.07.2018, 11:27

Dilettante_Pro,
Это то что нужно, спасибо Вам большое!
Небольшая работа напильником и шестерёнки закрутились!
Всем спасибо за помощь! Вопрос решен

Форум

Справочник

Discord чат

Курсы javascript