Встраивание PDF в IFrame (тот же домен) и управление высотой (полосы прокрутки)

avatar
Olmec Sinclair - doLithe
1 июля 2021 в 21:29
621
1
0

Чего я пытаюсь достичь: У меня есть страница, на которой есть некоторая информация в заголовке, за которой следует документ через встроенный PDF-файл и, наконец, некоторая информация в нижнем колонтитуле. В идеале это должно отображаться как один непрерывный документ, который можно распечатать как таковой.

Что я нашел: Я загружаю PDF в iframe на странице. Поскольку этот документ не является общедоступным, он запрашивается с помощью действия на стороне сервера, которое проверяет разрешения и возвращает документ как Content-Type: application/pdf;

.

Это работает для загрузки PDF, но я не могу отключить панели инструментов и другие встроенные средства просмотра PDF (незначительная проблема)

Когда я пытаюсь прочитать высоту документа iframe с помощью javascript на содержащей странице, чтобы изменить высоту iframe и, таким образом, удалить полосы прокрутки, я получаю проблему с междоменным происхождением, несмотря на загрузку PDF из того же домена, сервера и т. д.

Любая помощь или подсказки высоко ценятся.

Источник
Olmec Sinclair - doLithe
1 июля 2021 в 21:59
0

Спасибо, но все ресурсы находятся в одном домене. Интересно, это проблема встроенного управления просмотрщиком PDF (я использую Firefox для тестирования)

Ответы (1)

avatar
Shubham Kumar
1 июля 2021 в 22:06
0

Существует отдельная программа просмотра, которую вы можете использовать для просмотра pdf:

 <iframe src="https://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

Это не дает вам

панели инструментов и другие встроенные средства просмотра PDF

EDIT: Если вы не хотите использовать вышеуказанную опцию, вы также можете использовать PDF.js открытый проект для рендеринга pdf в html.

<iframe id="pdf-js-viewer" src="/web/viewer.html?file=%2Fmy-pdf-file.pdf" title="webviewer" frameborder="0" width="500" height="600"></iframe>
Shubham Kumar
1 июля 2021 в 22:28
0

Я обновил свой ответ альтернативой

Olmec Sinclair - doLithe
7 июля 2021 в 03:56
0

Это средство просмотра документов Google вряд ли будет работать, поскольку файл PDF доступен только пользователю, вошедшему в систему на сервере.

Shubham Kumar
7 июля 2021 в 05:55
0

тогда вы можете использовать pdf-js