Автозагрузка файла после отправки формы?

Question

[MegaPuxapb]

Как сделать авто-загрузку файла после отправки формы?
гугл говорит через window.location.href = "какой то файл";
Но происходит открытие, а не загрузка.

Answer 1

[Stalker_RED]

Можно отдать блоб через js. Как-то так: https://jsfiddle.net/Stalk/22swsnba/

Можно и через смену location, но сервер должен отдать правильные заголовки (пример для pdf)

Content-Type: application/pdf
Content-Disposition: attachment; filename="filename.pdf"

Comments

[MegaPuxapb]

а проще способа нет?) оно то работает, но мне не понятно как.
как к примеру мою картинку или pdf к этому блобу/смену location прикрутить?
что бы по js событию качало.

[Stalker_RED]

MegaPuxapb,

Можно так

<a href="/мой/файл.жпг" download="имя файла">СКАЧАТЬ</a>

и сымитировать клик.
Это в общем-то тот же самый способ, что у меня по ссылке.

Ну или заставить сервер отдавать заголовок Content-Disposition.

Других вариантов вроде как нет.

Answer 2

[AlexRas]

Делаете скрипт с заголовками:

Например php:

$fileUrl = isset($get['file']) ? $get['file'] : null;
$filePath = ($fileUrl) ? $_SERVER['DOCUMENT_ROOT'] . '/' . $fileUrl ? null;

if (file_exists($filePath)) {
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename=' . basename($file)); 
    header('Content-Transfer-Encoding: binary');
    header('Connection: Keep-Alive');
    header('Expires: 0');
    header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    readfile($filePath);
}

И уже на него делаете редирект location.href = "скрипт.php?file=image/img.jpg";