2013-04-28 19 views
5

Chcę umieścić plik sample.pdf na mojej stronie internetowej i chcę, aby był wyświetlany przy użyciu pdf.js. Chcę wyświetlić własny plik, taki jak demo, z paskiem narzędzi, powiększaniem/zmniejszaniem itp. Do tej pory nie mogę tego jeszcze zrobić.Wyświetlanie pliku PDF na stronie internetowej przy użyciu pliku pdf.js

Zrobiłem check out helloworld example, ale po prostu pokazuje plik jak obraz, bez paska narzędzi, powiększanie/pomniejszanie, itp. Po umieszczeniu innego pliku z wieloma stronami zamiast helloworld.pdf, po prostu pokazuje pierwszą stronę.

+0

Z mojego doświadczenia wynika, że ​​jest to bałagan. Nie mogłem sprawić, żeby to działało. – sawa

+0

Czy widzisz przykład "Witaj świecie"? https://github.com/mozilla/pdf.js/tree/master/examples/helloworld Sprawdź plik index.html i hello.js na przykładzie. –

+0

Tak, sprawdziłem (przepraszam, że nie wspomniałem wcześniej), ale nie pokazuje pełnego pdf.js jak w [wersji demo] (http://mozilla.github.io/pdf.js/web/viewer .html). Kiedy wstawiam inny plik zamiast 'helloworld.pdf', po prostu pokazuje pierwszą stronę tego pliku. –

Odpowiedz

1

Nie jestem do końca pewien, czego szukasz, ale udało mi się uzyskać to działa dokładnie tak, jak wersja demo. Chociaż możesz nie chcieć używać tej przykładowej przeglądarki do swojego projektu, możesz użyć działającego kodu jako punktu wyjścia do własnych wymagań.

Do prostego testu wystarczy sklonować projekt gdzieś pod serwerem WWW do katalogu takiego jak myproject i odwiedzić stronę http://yourservername.com/myproject/web/viewer.html. Powinieneś zobaczyć pdf pojawi się. Może to być punkt wyjścia do pracy z tym projektem. Zrobiłem to uruchamiając bardzo prosty serwer Apache w systemie Linux.

Jeśli nie szukasz przykładowego stylu w ten sposób, wersja demonstracyjna nad tobą może również zobaczyć this jsbin z dokumentów pokazujących, jak zrobić coś całkowicie spersonalizowanego z użyciem przycisków następny/poprzedni, aby przechodzić między stronami (jak wspomniałeś widziałeś tylko pierwszą stronę).

Na marginesie wydaje się, że ta biblioteka nie działa poprawnie w Safari. Możesz zobaczyć problem na ten temat here. Niestety sprawia to, że teraz nie nadaje się do użytku, ponieważ muszę obsługiwać wszystkie obecne przeglądarki.

Pamiętaj też, aby uważać na ostrzeżenia dotyczące CORS.

+0

Dzięki za odpowiedź, Snapshot. To, czego szukam, to sprawić, żeby działało dokładnie tak, jak wersja demo. Czy możesz mi powiedzieć, jak to zrobiłeś? –

+0

Ok, nieważne, powinienem sprawdzić folder ** web **. Sprawdziłem tylko folder ** examples **. –

+0

FYI: Zostało to naprawione w czerwcu 2013 roku. Ref: https://github.com/mozilla/pdf.js/pull/3315 –

Powiązane problemy