Как при переходе на страницу автоматически скачивать файл?

Question

Антон Вертов @1Frosty

Познаю новое

Как при переходе на страницу автоматически скачивать файл?

Доброго времени суток, друзья. На сайте можно оставить заявку через форму html.
Подскажите пожалуйста, после перехода по кнопке "Скачать презентацию", мне необходимо, чтобы на переходной странице начала скачиваться презентация автоматически. Как это сделать ?

Вопрос задан более трёх лет назад
6743 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

11 комментариев

Антон Вертов @1Frosty Автор вопроса

В данном случае здесь нужно нажать на ссылку, чтобы начать скачивание. А мне хотелось бы, чтобы автоматически скачка начиналась, как пользователь попал на страницу.
Такое на файлообменниках реализовано, но я не знаю как это сделать. Подскажите пожалуйста

Написано более трёх лет назад
qpPeW @qpPeW
Антон Вертов: в таком случаи можно реализовать с помощью js, 1000 - это через какое время начнется скачивание, в данном случаи это 1 секунда.
<script type="text/javascript"> setTimeout('document.location.href="URL_FILE";', 1000); </script>
Написано более трёх лет назад
Антон Вертов @1Frosty Автор вопроса

Artem Yur'evich: Спасибо большое, то что нужно. И последний вопрос. Файл в формате pdf у меня.
Браузер его открывает автоматически, а есть ли какой-либо параметр, который не открывать будет документ, а будет его скачивать на компьютер ? Спасибо огромное.

Написано более трёх лет назад
qpPeW @qpPeW
Антон Вертов: добавить
<a href="URL_FILE" class="dload" download>Скачать презентацию</a>

а в js уже сделать клик на данный элемент
$('.dload').click();
Написано более трёх лет назад
Антон Вертов @1Frosty Автор вопроса

Artem Yur'evich: ничего не происходит :(

Написано более трёх лет назад
qpPeW @qpPeW

Антон Вертов: значит что-то не правильно прописали...

Написано более трёх лет назад

Антон Вертов @1Frosty Автор вопроса

Artem Yur'evich:
Полный код страницы выглядит так:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Агенство</title>
    <!-- Bootstrap -->
    <link href="css/thanks/bootstrap.css" rel="stylesheet">
    <link href="css/thanks/style.css" rel="stylesheet">
</head>
    <script type="text/javascript">
$('.dload').click();
    </script>
<body>
    <div class="thanks">
        <p>Спасибо за оставленную заявку!  В ближайшее время с Вами свяжется менеджер.</p>
        <center><a href="index.php" class="btn btn-default btn-lg active" role="button">Вернуться на главную</a></center><br>
        <center><a href="catalog.pdf" download class="btn btn-default btn-lg active" role="button">Скачать презентацию</a></center>
        <a href="catalog.pdf" class="dload" download>Скачать презентацию</a>
    </div>
</body>
</html>

Написано более трёх лет назад

qpPeW @qpPeW

Антон Вертов: jquery не подключен...

Написано более трёх лет назад
Антон Вертов @1Frosty Автор вопроса

Artem Yur'evich: подключил jquery и всё равно тишина :(

Написано более трёх лет назад

qpPeW @qpPeW

Антон Вертов: действительно, замените код

<script type="text/javascript">
$('.dload').click();
    </script>

на вот этот

<script type="text/javascript">
    $(document).ready(function() {
        $('.dload')[0].click();
    });
</script>

Написано более трёх лет назад

Антон Вертов @1Frosty Автор вопроса

Artem Yur'evich: Спасибо Вам большое. Всё заработало!

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

5 комментариев

Антон Вертов @1Frosty Автор вопроса

Спасибо большое, то что нужно. И последний вопрос. Файл в формате pdf у меня.
Браузер его открывает автоматически, а есть ли какой-либо параметр, который не открывать будет документ, а будет его скачивать на компьютер ? Спасибо огромное.

Написано более трёх лет назад
Артем @devspec
Тут либо и правда использовать HTML5-атрибут download
Либо серверу принудительно указать, чтобы отдавал хеадеры типа
header('Content-Type: application/pdf'); header('Content-disposition: attachment; filename=filename.pdf'); exit(readfile(yourPDF));
Написано более трёх лет назад
Артем @devspec

Либо углубиться в JS и сделать так, но это, по-моему, не сильно вам подойдет.

Написано более трёх лет назад

Антон Вертов @1Frosty Автор вопроса

Артем: Подскажите пожалуйста с html5.

Полный код странице выглядит так:

@qpPeW: 
Полный код страницы выглядит так:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Агенство</title>
    <!-- Bootstrap -->
    <link href="css/thanks/bootstrap.css" rel="stylesheet">
    <link href="css/thanks/style.css" rel="stylesheet">
</head>
    <script type="text/javascript">
$('.dload').click();
    </script>
<body>
    <div class="thanks">
        <p>Спасибо за оставленную заявку!  В ближайшее время с Вами свяжется менеджер.</p>
        <center><a href="index.php" class="btn btn-default btn-lg active" role="button">Вернуться на главную</a></center><br>
        <center><a href="catalog.pdf" download class="btn btn-default btn-lg active" role="button">Скачать презентацию</a></center>
        <a href="catalog.pdf" class="dload" download>Скачать презентацию</a>
    </div>
</body>
</html>

Но ничего не происходит :(

Написано более трёх лет назад

Артем @devspec

скопировал вашу страницу, подложил файл pdf
всё скачивается, как в мозилле, так и в хроме - внутренний просмотрщик не открывается
если убрать атрибут download - pdf открывается внутренним просмотрщиком

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+1 ещё

Простой
Как лучше сверстать элемент?
- 1 подписчик
- 4 минуты назад
- 5 просмотров
0

ответов
PHP

Простой
Что лучше использовать для связей в бд?
- 2 подписчика
- 6 часов назад
- 84 просмотра
1

ответ
PHP

Простой
Deprecated: Implicit conversion from float to int loses precision in что не так?
- 1 подписчик
- 8 часов назад
- 47 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 10 часов назад
- 73 просмотра
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 76 просмотров
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 905 просмотров
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 83 просмотра
2

ответа
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 31 просмотр
1

ответ
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 95 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro

23 дек. 2024, в 00:27

20000 руб./за проект

Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro

23 дек. 2024, в 00:15

20000 руб./за проект

Собрать из исходного кода и запустить в докере рабочее приложение с бд

22 дек. 2024, в 22:57

500 руб./за проект

Answer 1 · 2017-05-21 16:43:30

qpPeW @qpPeW

Не люблю рутинную работу...

<a href="URL_FILE" download>Скачать презентацию</a>

Ответ написан более трёх лет назад

11 комментариев

Answer 2 · 2017-05-21 17:07:58

Артем @devspec

Помогло? Отметь решением

window.location = 'http://domain.ru/file.zip';

Ответ написан более трёх лет назад

5 комментариев

Как при переходе на страницу автоматически скачивать файл?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт