как отобразить pdf в html (адаптивное / кроссбраузерное решение)

Мне нужно отобразить PDF на сайте. Я пробовал много способов, но ни один из них не работал для меня.
позвольте мне объяснить, что я пробовал и почему это не подходит для меня.

  1. я пытался вставить PDF в HTML с <object> а также <embed> теги. все нормально, если в браузере клиента есть флэш. но у телефонов на андроиде его нет, так что это не решение. плюс iphone растягивает pdf, чтобы он не читался.
  2. Затем я попытался использовать только <iframe> элемент. работает нормально только если в браузере есть плагин pdf. в других случаях браузер начинает загрузку файла. так что это тоже не решение.
  3. тогда я попытался использовать https://docs.google.com/gview?embedded=true&URL = myfile.pdf. хорошо, и здесь у меня возникли проблемы, потому что есть какая-то ошибка в документации Google, потому что файл отображает только один раз. остальные попытки закончились с кодом ошибки 200 от Google. так как вы уже поняли это тоже не решение проблемы.
  4. Затем я попытался скачать php libs, который должен конвертировать pdf в html (или изображение), но ни один из них не работал, потому что я не так хорош в php, и иногда он просил установить сторонние libs, так что в этот момент я тоже потерпел неудачу.

так что теперь я застрял. Мне нужно что-то сделать, чтобы отобразить PDF на странице. Мне нужно кроссбраузер / адаптивное решение. было бы здорово, если бы вы помогли мне найти какую-то услугу, такую ​​как https://docs.google.com/gview который будет работать без ошибок или предложить любое другое решение. может быть небольшая PHP-библиотека с хорошей документацией.

любая помощь ценится!

4

Решение

Вы можете достичь с помощью PDF.js

https://github.com/mozilla/pdf.js/

для использования вы можете проверить этот пример http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples.

1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector