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

Question

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

Познаю новое

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

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

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

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

Подписаться 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

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 16 часов назад
- 28 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- 16 часов назад
- 102 просмотра
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- 19 часов назад
- 47 просмотров
1

ответ
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 135 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 156 просмотров
5

ответов
PHP

+2 ещё

Сложный
Как обойти блокировку серверов CloudFlare на уровне провайдера?
- 1 подписчик
- вчера
- 3007 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 77 просмотров
1

ответ
PHP

Простой
Как трансформировать массив?
- 1 подписчик
- вчера
- 119 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Обработать фото в стиле ASCII

22 нояб. 2024, в 08:04

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

Сверстать десктоп версию сайта в tailwind

22 нояб. 2024, в 06:06

1500 руб./в час

Создать TG бота

22 нояб. 2024, в 06:04

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

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 комментариев

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

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

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

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