Подтвердить что ты не робот

Показать Adobe PDF внутри div

У меня есть файл в формате pdf, который пользователь должен увидеть и нажать кнопку "Я согласен". Как вы отображаете PDF внутри div?

4b9b3361

Ответ 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

Мы используем это на нашем веб-сайте

http://issuu.com/smartlook

Его очень настраиваемый для отображения 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.