Сделать ссылку на 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.
Эта инструкция покажет, как создать ссылку на .PDF документ на странице вашего сайта.
Для начала откройте HTML файл, в котором доолжна будет содержаться ссылка. Вы можете редактировать его с помощью любого HTML редактора, но мы рекомендуем использовать приложения Adobe Dreamweaver или Notepad++.
Design Mode
Приложение Adobe Dreamweaver дает разработчикам возможность работать в режиме design. Вы можете переключать режимы с помощью специальных кнопок в левом верхнем углу окна.
Вам потребуется включить панель Properties. В верхнем навигационном меню выберите Window > Properties. Теперь в нижней части экрана должна появиться панель Properties.
Выберите любой текст и в панели Properties укажите ссылку на PDF файл в поле Link.
На изображении находящемся ниже вы видите, что мы использовали символ # в качестве ссылки. Для того, что бы ссылка указывала на PDF введите соответствующий путь к нему на вашем сервере.
Вы можете использовать выпадающий список Target, если хотите, что бы при переходе по ссылке файл открывался в новом окне, новой вкладке или том же окне.
HTML mode
Вы можете работать с HTML файлами в режиме кода. Ссылку вы сможете определить следующим способом:
1. Найдите текст, который должен стать ссылкой.
2. Перед текстом добавьте тэг:
3. после текста добавьте закрывающий тэг:
4. Замените символ # в атрибуте href на путь к файлу или его адрем на другом сервере.
В результате вы должны получить:
Этот код будет отображать текст: «Онлайн инструкции по работе с шаблонами» ссылка с которого будет вести на сайт « https ://www.templatemonster.com/help/ru/«
Абсолютный и относительный адрес ссылки
Существует два способа указания ссылки на конкретный файл на сервере: относительный путь и абсолютный путь.
В следующем примере мы создадим ссылку на PDF файл. У нас следующая структура файлов:
- readme.pdf
- index. html
PDF файл называется readme.pdf и находится в папке PDF. Наша ссылка находится в файле index. html .
Относительный путь
В указанных выше условиях ссылка на PDF файл будет следующей:
Вы видите, что в атрибуте href мы определили путь к файли и его имя. Путь к файлу определен относительно файла index. html . В следующей таблице вы сможете больше узнать о путях к файлам:
| Server Path… | What it means… |
| readme.pdf is located in the current directory . | |
| readme.pdf is located in a folder ( directory ) called pdf. The «tips» folder is located in the current directory . | |
| readme.pdf is located in a folder called new that is located in a folder called pdf that is located in the current directory . | |
| readme.pdf is located in a folder one level up from the current directory . | |
| readme.pdf is located in a folder two levels up from the current directory . |
Абсолютный путь
Используя абсолютный путь вы можете определить полный путь к файлу на сервере начиная с доменного имени. Используя указанную выше структуру файлов абсолютный путь к файлу будет следующим:
Я даю ссылку на файл pdf на моей веб-странице для загрузки, например ниже
Проблема заключается в том, когда пользователь нажимает на эту ссылку, тогда
Но я хочу, чтобы он всегда загружался пользователю для загрузки, независимо от того, установлен ли «Adobe acrobat» или нет.
Скажите, пожалуйста, как я могу это сделать?
Вместо того, чтобы ссылаться на файл .PDF, вместо этого сделайте что-то вроде
который выводит пользовательский заголовок, открывает PDF (двоичный сейф) и печатает данные в браузере пользователя, тогда они могут выбрать сохранение PDF, несмотря на настройки браузера. Файл pdf_server.php должен выглядеть следующим образом:
PS: и, очевидно, выполните некоторые проверки здравомыслия по переменной «файл», чтобы люди не крали ваши файлы, такие как не допускать расширения файлов, отказывать косые черты, добавлять .pdf к значению
Это распространенная проблема, но мало кто знает, что есть простое решение для HTML 5:
Где newfilename – это предлагаемое имя файла для пользователя, чтобы сохранить файл. Или он по умолчанию укажет имя файла на сервере, если вы оставите его пустым, например:
Совместимость: я тестировал это на Firefox 21 и Iron, оба отлично работали. Возможно, это не сработает с HTML5-несовместимыми или устаревшими браузерами. Единственный браузер, который я тестировал, который не принудительно загружал, – это IE …
Не перебирайте каждую строку файла. Вместо этого используйте readfile , быстрее. Это находится вне сайта php: http://php.net/manual/en/function.readfile.php
Обязательно очистите переменную get, поскольку кто-то может загрузить некоторые php-файлы …
Вместо использования PHP-скрипта, чтобы читать и стирать файл, более аккуратно переписывать заголовок, используя .htaccess . Это сохранит «хороший» URL ( myfile.pdf вместо download.php?myfile ).
Я нашел способ сделать это с помощью простого старого HTML и JavaScript / jQuery, который изящно деградирует. Протестировано в IE7-10, Safari, Chrome и FF:
HTML для ссылки для скачивания:
jQuery (чистый код JavaScript будет более подробным), который имитирует щелчок по ссылке после небольшой задержки:
Чтобы сделать это более надежным, вы можете добавить обнаружение функции HTML5, и если его там нет, используйте window.open() чтобы открыть новое окно с файлом.
При отправке файла PDF отправляется приложение типа контента / x-pdf-документ или приложение / pdf. Adobe Reader обычно устанавливает обработчик для этого типа MIME, чтобы браузер передавал документ Adobe Reader при получении любого из файлов PDF MIME.
В HTML5 есть более простой способ: Добавить атрибут « Download .
Он поддерживается большинством современных браузеров.
Я знаю, что очень поздно ответить, но я нашел взломать это в javascript.
Это обычная проблема, но мало кто знает, что есть простое решение HTML 5: Download the pdf >
В приложении Ruby on Rails (особенно с чем-то вроде драгоценности «Креветка» и плагином Prawnto Rails) вы можете сделать это немного проще, чем полный скрипт (как и предыдущий пример PHP).
В вашем контроллере:
Маска рендеринга: layout => false сообщает браузеру, чтобы открыть «Вы хотите загрузить этот файл?». вместо попытки сделать PDF. Тогда вы сможете напрямую ссылаться на файл:
Код внутри pdf_server_with_path.php:
Вот другой подход. Я предпочитаю, а не полагаться на поддержку браузера или адресовать это на уровне приложения, чтобы использовать логику веб-сервера.
Если вы используете Apache и можете поместить файл .htaccess в соответствующий каталог, вы можете использовать приведенный ниже код. Конечно, вы можете поместить это в httpd.conf, если у вас есть доступ к этому.
Директива FilesMatch – это просто регулярное выражение, поэтому его можно настроить так же подробно, как вы хотите, или добавить другие расширения.
Строка заголовка делает то же самое, что и первая строка в PHP-скриптах выше. Если вам нужно также установить строки Content-Type, вы можете сделать это таким же образом, но я не нашел нужным.