2013-04-28 3 views
5

Я хочу поместить файл sample.pdf на свой сайт и хочу, чтобы он отображался с использованием pdf.js. Я хочу показать свой собственный файл, например, demo, с помощью панели инструментов, масштабирования/выключения и т. Д. Пока я этого не могу сделать.Просмотр PDF на веб-сайте с использованием pdf.js

Я проверил helloworld example, но он просто показывает файл, как изображение, без панели инструментов, масштабирование/выключение и т. Д. Когда я помещаю еще один файл со многими страницами вместо helloworld.pdf, он просто показывает первую страницу.

+0

Из моего опыта это беспорядок. Я не мог заставить его работать. – sawa

+0

Вы видели пример «Hello World»? https://github.com/mozilla/pdf.js/tree/master/examples/helloworld Проверьте пример index.html и файл hello.js для примера. –

+0

Да, я действительно проверял это (извините за то, что не упоминал ранее), но он не показывает полный pdf.js, как в [demo] (http://mozilla.github.io/pdf.js/web/viewer .html). Когда я помещаю другой файл вместо 'helloworld.pdf', он просто показывает первую страницу этого файла. –

ответ

1

Я не совсем уверен, что вы ищете, но я смог заставить это работать точно так же, как демо. Хотя вы не можете использовать этот пример для своего проекта, вы можете использовать рабочий код в качестве отправной точки для своих собственных требований.

Для простого теста вы можете просто клонировать проект где-то под веб-сервером в каталог, например myproject, и посетить http://yourservername.com/myproject/web/viewer.html. Вы увидите, как появится pdf. Это может быть отправной точкой для работы с этим проектом. Я сделал это, запуская очень простой сервер Apache в Linux.

Если вы не ищете пример, подобный этому, демонстрационный пример выше, вы также можете увидеть jsbin this из документов, которые показывают, как сделать что-то полностью настроенное с помощью следующих кнопок/предыдущих кнопок для перемещения между страницами (как вы упомянули вы видели первую страницу).

В качестве примечания, кажется, что эта библиотека не работает должным образом с Safari. Вы можете увидеть вопрос об этом here. К сожалению, это делает его непригодным для меня сейчас, так как мне нужно поддерживать все текущие браузеры.

Кроме того, не забудьте следить за предупреждениями, касающимися CORS.

+0

Спасибо за ваш ответ, Снимок. То, что я ищу, это заставить это работать точно так же, как демо. Не могли бы вы рассказать мне, как вы это сделали? –

+0

Хорошо, конечно, я должен был проверить папку ** web **. Я только проверил папку ** examples **. –

+0

FYI: Это было исправлено в июне 2013 года. Ссылка: https://github.com/mozilla/pdf.js/pull/3315 –

Смежные вопросы