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

Question

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

Познаю новое

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

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

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

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

Подписаться 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 открывается внутренним просмотрщиком

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

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

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

Войти через центр авторизации

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

JavaScript

+2 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 30 минут назад
- 9 просмотров
0

ответов
PHP

Простой
Как лучше взять данные из большого файла по ключу не перебирая строки?
- 1 подписчик
- 2 часа назад
- 53 просмотра
3

ответа
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- 4 часа назад
- 44 просмотра
1

ответ
PHP

Простой
Каким образом формируются имена файлов из набора букв и цифр?
- 1 подписчик
- 13 часов назад
- 88 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- 14 часов назад
- 68 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- 16 часов назад
- 31 просмотр
0

ответов
HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- 18 часов назад
- 53 просмотра
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 22 часа назад
- 184 просмотра
1

ответ
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- 23 часа назад
- 139 просмотров
2

ответа
JavaScript

Простой
Как нажать на все блоки с данным классом на странице с помощью JS?
- 1 подписчик
- 23 часа назад
- 100 просмотров
1

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Сделать верстку для натяжки на wordpress по макету в figma

26 апр. 2024, в 14:21

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

Node JS Бек енд разработчик для доработки CRM системы авто салона

26 апр. 2024, в 14:10

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

Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP

26 апр. 2024, в 14:07

3000 руб./в час

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

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

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

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

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