Как сделать ссылку для скачивания?
Любые известные браузеру типы документов, такие как HTML, изображение, PDF-файл и др., по ссылке открываются непосредственно в браузере. Чтобы браузер вместо открытия скачивал файл, к элементу следует добавить атрибут download, как показано в примере 1.
Пример 1. Ссылка для скачивания
Эти две ссылки по своему виду никак не отличаются друг от друга, поэтому с помощью стилей можно выделить ссылки для скачивания, добавив к ним картинку. Для этого используем селектор a[download] и тем самым выбираем элементы , у которых присутствует атрибут download . Затем добавляем к селектору псевдоэлемент ::after со свойством content, значением которого выступает адрес изображения (пример 2). Остальные свойства нужны для сдвига картинки относительно текста ссылки.
Пример 2. Картинка у ссылок для скачивания
Результат данного примера показан на рис. 1.
Рис. 1. Ссылка для скачивания
См. также
- content
- quotes
- relative и absolute
- text-decoration-skip-ink
- Аккордеон меню
- Анимация ссылок при наведении
- Атрибуты ссылок
- Декоративные заголовки
- Добавление тени
- Доступность
- Игра с картинками
- Использование :hover
- Наследование в CSS
- Не только текст
- Очистка float
- Подробнее о позиционировании
- Псевдоэлемент ::after
- Псевдоэлементы
- Псевдоэлементы ::after и ::before
- Работа с кавычками
- Создание ссылок
- Ссылки
- Ссылки
- Ссылки в HTML
- Что это такое?
- Якоря
Как сделать ссылку на PDF в HTML
Сделать ссылку на PDF файл в HTML-странице весьма просто. Но есть некоторые расширенные возможности, которые возможно будут полезны тем, кто захочет ссылаться со своей web-страницы на различные части PDF-документов.
Для того, чтобы сделать ссылку на PDF файл в HTML, вам достаточно будет добавить в web-страницу следующий код: Our Products
После нажатия на эту ссылку, в браузере (или, если у вас настроено по-другому, в PDF-вьювере) откроется PDF-документ.
Но это слишком простой способ добавления ссылки на PDF в HTML.
Немного усложним задачу:
К примеру, мы делаем ссылку на PDF-документ, состоящий из 1500 страниц.. И хотим, чтобы при нажатии клиентом на ссылку, документ открывался на 835-ой странице (ну не будет же он листать документ!).
Это реализуется очень просто:
Достаточно добавить в ссылку некоторые изменения, а именно: Our Products — Page 835 и при нажатии на созданную ссылку, документ откроется со страницы 835.
Но может быть необходимо сделать так, чтобы PDF-документ открывался на определенном разделе.
В этом случае поможет такое решение: Our Products — Best-Price
Обратите внимание, что этот способ чувствителен к регистру.
Как видим, есть несколько полезных и удобных вариантов при ссылках на PDF-документы в HTML.
Остались вопросы?
Если у Вас что-то не получилось или остались вопросы по данной проблеме — обратитесь к автору и он Вам поможет.
Станьте одним из экспертов!
Мы будем рады видеть в своих рядах людей, которые могут поделиться своим опытом с другими!
Linux (Ubuntu,Debian,Fedora), MS Windows (Server/Desktop), PHP.
Решение IT-проблем любой сложности.
Вставить PDF файл на сайт (встраивание PDF, DOC, XLS, PPT, PSD, SVG, TIF, . в HTML).
Существует несколько способов встраивания pdf файлов в тело сайта как элемент html. Я хочу поделиться способом, который мне показался наиболее простой и в то же время кроссбраузерный. Более того есть возможность вставлять файлы других расширений. Такую возможность предоставляет сервис Google Docs Viewer. Встраивание осуществляется с помощью iframe с сервера Google Docs Viewer. Google предоставил внушающий список поддерживаемых расширений. Теперь вы можете выкладывать на сайт документы, презентации, таблицы и т.д.
Давайте рассмотрим случай с PDF:
GET параметры: a=bi&pagenumber=1 — убираем инструменты pdf; w=800&h=1100 — указываем размеры файла;
Как сделать ссылку на pdf файл
Вопрос: Что сделать, чтобы pdf-файлы автоматически не открывались в браузере? Ответ: 1. В первую очередь, очисть кеш в браузере:
1. Для IE – Сервис / Свойства обозревателя / На вкладке «Общие» нажать «Удалить временные файлы».
2. Для Firefox – Инструменты / настройки / Дополнительно / На вкладке «Сеть» нажать кнопку «Очистить».
2. Изменить настройки Acrobat Reader:
1. Открыть Acrobat Reader
2. Выполнить команду Правка / Настройки (Edit | Preferences)
3. Выбрать раздел Интернет
4. Снять флажки «Просмотр PDF в браузере», «Быстрый просмотр в Web» и «Разрешить загрузку в фоновом режиме» (см. рис.).
Открыть браузер и попробовать открыть файл pdf. При открытии появится окно с запросом, что Вы хотите сделать, открыть или сохранить. Выберите сохранить. Файл сохранится и Вы сможете потом просмотреть его в Acrobat Reader без подключения к Интернет. http://www.softboard.ru/index.php?showtopic=52454&view=findpost&p=406879
10 января 2009, 12:38
Алексей Барыкин:
Спасибо за ответ, но я хотел спросить немного другое. Я имел ввиду как сделать ссылку на скачивание pdf файла( или с помощью какой html инструкции выдавать pdf файл ) так чтобы при нажатии на эту ссылку, выводилось окошко с возможностью выбрать : Сохранить или Открыть файл. Я так понимаю что это можно сделать независимо от того как настроен браузер потому что как я привел пример: я скачиваю на одном сайте книжку в pdf формате и браузер мне предлагает либо сохранить либо открыть, и я не знаю как такое сделать?
На сайте с 13.07.2008
10 января 2009, 12:55
andrew2008:
Спасибо за ответ, но я хотел спросить немного другое.
Я имел ввиду как сделать ссылку на скачивание pdf файла( или с помощью какой html инструкции выдавать pdf файл ) так чтобы при нажатии на эту ссылку, выводилось окошко с возможностью выбрать : Сохранить или Открыть файл.
Покажите сайт! Так как Алексей вам уже написал, что нужно в акробате настройки менять. Эта функция не на стороне сервера выводится, а пользовательским по. А в вашем примере наверное что-то с самим pdf файлом сделали. Может версия другая или еще что-то. Хотя может в cms такая фича.
На сайте с 01.08.2004
10 января 2009, 13:12
Хм, я не спец, но имхо просто mime types надо правильно настроить на стороне сервера и все. http://html.manual.ru/book/info/mimetypes.php
Есть желание, — тысяча способов; нет желания, — тысяча поводов! /Петр-I/.
На сайте с 18.01.2008
10 января 2009, 13:18
Засуньте .pdf в архиватор .zip или .rar или какой-то другой и браузеры по умолчанию будут их скачивать.
На сайте с 20.04.2006
10 января 2009, 13:18
Unlock, +1. Ну или скриптом заголовки отдавать, если пдф формируется с помощью пхп.
На сайте с 28.09.2006
10 января 2009, 13:21
Я думаю, что самый простой вариант — отдавать pdf файл в zip архиве. 🙂 С другими вариантами будут проблемы, т.к. разные настройки браузеров, а для «окошек с выбором скачать или загрузить» у части пользователей будут отключены скрипты в браузере, т.ч. окошко не сработает.