У меня есть файл в формате pdf, который пользователь должен увидеть и нажать кнопку "Я согласен". Как вы отображаете PDF внутри div?
Показать Adobe PDF внутри div
Ответ 1
Да, вы можете.
Смотрите код из следующего потока из 2007: PDF в DIV
<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div>
Он использует <object>
, который может быть создан с помощью CSS, поэтому вы можете их плавать, давать им границы и т.д.
(В конце концов, я отредактировал свои pdf файлы, чтобы удалить большие границы и преобразовать их в jpg-изображения.)
Ответ 2
Мы используем это на нашем веб-сайте
Его очень настраиваемый для отображения PDF непосредственно в вашем браузере. Он в основном размещает PDF файл в Flash-объекте, если вы не против этого.
Вот образец с нашего корпоративного сайта.
Ответ 3
Вы можете использовать библиотеку Javascript PDF.JS для отображения PDF внутри div. Размер PDF можно настроить в соответствии с размером div. Вы также можете настроить обработчики событий для перехода на следующие/предыдущие страницы PDF.
Вы можете проверить PDF.JS Tutorial - Как отобразить PDF с Javascript, чтобы увидеть, как PDF.JS может быть интегрирован в ваш HTML код.
Ответ 4
Я думаю, что он не работает, потому что вы не используете свойство z-index в pdf (любой внешний объект). Поэтому, когда вы добавляете какой-либо элемент управления в рамку просмотра PDF, он появляется позади просмотра PDF.
Ответ 5
Вы можете создать миниатюру изображения и связать ее с фактическим pdf как встроенным всплывающим окном, используя что-то вроде http://orangoo.com/labs/GreyBox/
Ответ 6
Вы не можете, и вот простой ответ.
Каждый медиа-ресурс, вливаемый в браузер, идентифицируется именем типа mime. Затем браузер выполняет обработку определений при имени типа mime. Если это изображение /gif или image/jpeg, браузер обрабатывает актив как изображение. Если это текст /css или text/javascript, он обрабатывается как ресурс кода, если актив не адресуется независимо от HTML. PDF идентифицируется как application/pdf. Когда браузеры видят приложение /pdf, они немедленно переключают обработку на программное обеспечение плагина, способного обрабатывать этот тип носителя. Если вы попытаетесь вставить носитель типа application/pdf в div, браузер, скорее всего, сделает ошибку пользователю. Обычно файлы типа application/pdf напрямую связаны с тем, что программное обеспечение обработки перехватывает запрос и обрабатывает носитель независимо от браузера.
Ответ 7
может быть, вы можете сделать с помощью AJAX или jquery...
просто отправьте этот файл url на одну страницу, а затем откройте как обычно открытый pdf файл на этой странице и используйте ajax.
1), как только пользователь нажмет на кнопку. то u назовем эту функцию, в которой u выше tast. Таким образом, будет только одна страница, и вы можете показать столько PDF без обновления страницы.
2), если u не имеет большого количества PDF файлов, и если вы не знаете, просто загрузите этот файл на google docs а затем просто поместите файл ссылки share.... а затем просто используйте ajax или jquery.
Я предпочитаю jquery, если у вас нет AJAX.
Ответ 8
Я не думаю, что ты можешь. Возможно, вам придется использовать iframe.