PDF Предварительный просмотр изображения первой страницы в DIV на веб-сайте

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

  • Одно небольшое превью
  • Один большой предварительный просмотр при наведении мыши

Что я сейчас делаю?

Мы принимаем помощь нескольких сторонних генераторов предварительного просмотра. Который используется для создания изображения JPEG и использования этих изображений на веб-сайте для предварительного просмотра.

Что я пробовал по-другому?

Я использовал инструмент EvoPDFtoHTML для прямого использования HTML вместо изображений, но для многих файлов сгенерированный HTML не подходит.

Кроме того, оба эти процесса занимают много времени и замедляют реакцию веб-сайта.

Я хотел бы знать, есть ли лучший способ добиться этого?

Изображение прикреплено ниже для лучшего понимания -

введите здесь описание изображения


person Arpit Gupta    schedule 19.12.2019    source источник
comment
Вы можете попробовать программу просмотра документов Google и встроить iframe, который указывает на pdf в программе просмотра документов Google.   -  person Clint    schedule 19.12.2019
comment
Пример, который я смог найти: ‹iframe src=http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true style=width:600px; высота: 500 пикселей; граница кадра=0›‹/iframe›   -  person Clint    schedule 19.12.2019
comment
Разве он не будет нацелен на полный PDF-файл для предварительного просмотра? Я хочу только первую страницу в качестве предварительного просмотра.   -  person Arpit Gupta    schedule 19.12.2019
comment
да, вы думали о том, чтобы сначала проанализировать PDF-файл, чтобы извлечь страницу 1, а затем использовать ее для предварительного просмотра?   -  person Clint    schedule 19.12.2019
comment
хорошо.. попробую.. (Y)   -  person Arpit Gupta    schedule 19.12.2019
comment
Привет @Arpit, пожалуйста, дай мне знать, если ты решил это, просто интересно узнать, получилось ли это ..   -  person Clint    schedule 15.01.2020
comment
Привет @Clint, мы до сих пор не пришли к какому-либо решению. В настоящее время мы застряли с проблемами загрузки. Так как загрузка предварительного просмотра займет много времени. Что неприемлемо. Мы также смотрели на отложенную загрузку, но эта идея также была отклонена из-за того, что прокрутка выглядит плохо. Еще одна вещь, которую мы подумали о хостинге CDN, но проблема безопасности. Так что на данный момент застрял.   -  person Arpit Gupta    schedule 16.01.2020


Ответы (1)


Подход, который стоит изучить

  • Проанализируйте PDF и извлеките первую страницу. Вы можете использовать инструменты командной строки, такие как: PDFtk, Ghostscript или реализовать свой собственный класс для анализа первой страницы на С#.
  • Затем используйте программу просмотра документов Google и вставьте iframe, чтобы указать на PDF.

Пример PDFtk:

pdftk input.pdf cat 1 output page-1-of-input.pdf

Пример GhostScript:

gs -o page-1-of-input.pdf -sDEVICE=pdfwrite -dPDFLastPage=1 input.pdf

Использованная литература:

Отображать первую страницу PDF как изображение

Вы также можете посмотреть ответ Фахима на фрагмент кода С#, который он пробовал.

person Clint    schedule 19.12.2019