При AJAX запросе, не скачивается PDF файл (FPDF)?

Question

[Roma Ishutin]

Со стороны Пользователя передаются данные на сервер с помощью AJAX, на сервере генерируется PDF с переданными значениями, запрос отрабатывает, но вот сам файл PDF не скачивается, хотя когда переходишь на него прописав URL серверного файла, то он скачивается, но уже как вы понимаете без переданных файлов( Использую встроенные класс в PHP, "FPDF"

let obj = {
    name: "Roma",
    secondName: "Ishutin",
    year: "21"
};
const url = "pdf.php";
let button = document.querySelector("#button");

button.addEventListener("click", () => {
    fetch(url, {
        method: "POST",
        body: JSON.stringify(obj),
        headers: {
            "Content-type": "application/json"
        }
    });
});

$serverObj = $_POST;
$serverObj = json_decode(file_get_contents("php://input"), true);

$name = $serverObj["name"];
$secondName = $serverObj["secondName"];
$year = $serverObj["year"];

require("fpdf-utf8/tfpdf.php");

$pdf = new tFPDF();
$pdf->AddPage();
// Add a Unicode font (uses UTF-8)
$pdf->AddFont('DejaVu','','DejaVuSansCondensed.ttf',true);
$pdf->SetFont('DejaVu','',14);

////////////////////////////////////////////////////////////////////

$pdf->SetAuthor("Tonator");
$pdf->SetTitle("Price");

$pdf->SetDisplayMode('real','default');
$pdf->Image('logo.png',69,11,71,12,'png', 'http://www.fpdf.org/');

$pdf->SetXY(10,30);
$pdf->SetFontSize(14);
$pdf->Write(14,'Имя: ');
$pdf->Write(14,$name);

$pdf->SetXY(10,40);
$pdf->SetFontSize(14);
$pdf->Write(14,'Фамилия: ');
$pdf->Write(14,$secondName);

$pdf->SetXY(10,50);
$pdf->SetFontSize(14);
$pdf->Write(14,'Годиков: ');
$pdf->Write(14,$year);

$result = $pdf->Output('example1.pdf','D');

Comments

[Дмитрий]

Возможно надо добавить заголовков

[Roma Ishutin]

Дмитрий, Да я так понял, что нельзя просто так скачать файл через AJAX (

[Дмитрий]

Roma Ishutin, а если сделать
return $pdf->Output();
Ну и навесить заголовков на сохранение файла

[Roma Ishutin]

Дмитрий, Извините, не понимаю что значит навесить заголовков, то-есть дать имя PDF ? Так ?
$result = $pdf->Output('example1.pdf','D');

[Дмитрий]

Roma Ishutin, имя не надо, оно его использует чтоб сохранить файл в фс, а надо просто отдать файл в арбузер без сохранения для загрузки
Почему nginx ставит 500 статус при отдаче файла скриптом?

Answer 1

[Roma Ishutin]

Если кому-то это интересно, то у меня получилось это реализовать с помощью BLOB. Как и говорил Mellorn

let obj = {
    name: "Roma",
    secondName: "Ishutin",
    year: "21"
};
const url = "pdf.php";
let button = document.querySelector("#button");

button.addEventListener("click", () => {
    fetch(url, {
        method: "POST",
        body: JSON.stringify(obj),
        headers: {
            "Content-type": "application/json"
        }
    })
        .then(response => response.blob())
        .then(function (blob) {
            let a = document.createElement('a');
            a.className = "link";
            a.innerHTML = "Скачать";
            a.href = URL.createObjectURL(blob);

            document.body.append(a);
        });
});

Comments

[Александр]

Надо еще атрибут download, а значением в него можно установить название файла.

/**
 * Скачивает файл
 * @param {BlobPart} data Данные файла
 * @param {string} name Название файла
 * @param {string} type MIME-тип файла
 */
export const download = (data, name, type) => {
    const url = URL.createObjectURL(new Blob([data], { type }));
    const link = document.createElement('a');

    link.setAttribute('href', url);
    link.setAttribute('download', name);
    link.addEventListener('click', () => {
        setTimeout(() => {
            URL.revokeObjectURL(url);
        });
    });

    link.click();
};