Wyświetlanie PDF w przeglądarce internetowej

Zamiast używać iframe i w zależności od third party, pomyśl o użyciu flexpaper lub pdf.js.

Użyłem pdf.js , to działa dobrze dla mnie.

Oto demo: http://mozilla.github.com/pdf.js/web/viewer.html

Najprostszym sposobem jest utworzenie Ramki iframe i ustawienie źródła na adres URL pliku PDF.

(kaczki szalonych projektantów HTML) zrobiłem to sam, działa dobrze, cross browser (czołga się do bunkra).

Preffered using the object tag

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px'>

Zauważ, że możesz zmienić szerokość i wysokość na dowolną wartość, którą odwiedzisz http://www.w3schools.com/tags/tag_object.asp

Wtyczka przeglądarki kontroluje te ustawienia, więc nie możesz tego wymusić. Można jednak wykonać proste <a href="whatver.pdf"> zamiast <a href="whatever.pdf" target="_blank">.

Możesz również osadzić za pomocą JavaScript za pośrednictwem rozwiązania innej firmy, takiego jak PDFObject .

Tak długo, jak hostujesz plik PDF, atrybut docelowy jest drogą do zrobienia. Innymi słowy, dla plików względnych, użycie atrybutu target z wartością _blank będzie działać dobrze.

<e>
  <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
     href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>

Dla ścieżek bezwzględnych silniki udają się do Unified Resource Locator i otwierają go. Tak więc, wyłącz atrybut docelowy.

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>

Przeglądarki sprawdzą się w obu przypadkach.

Możesz użyć tego kodu:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Możesz również mieć takie proste podejście GoogleDoc.

<a  style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>

Spowoduje to utworzenie nowej strony do wyświetlania dokumentu bez zakłócania przepływu.

Prostym rozwiązaniem jest umieszczenie go w ramce iframe i nadzieja, że użytkownik ma wtyczkę, która go obsługuje.

(Nie wiem, Wtyczka Acrobat była takim hog zasobów i źródło niestabilności, że czynię punkt, aby usunąć go z każdej przeglądarki, że dotknie).

Skomplikowanym, ale stosunkowo popularnym rozwiązaniem jest wyświetlanie go w aplecie flash.

Renderujemy strony plików PDF jako pliki PNG na serwerze za pomocą JPedal (biblioteki java). To, w połączeniu z javascript, daje nam dużą kontrolę nad wizualizacją i nawigacją.

Wyświetlanie zawartości zapisanej w formacie PDF/DOC/DOCX jest idealne do wyświetlania pliku pdf / DOC / docx na twojej stronie internetowej

Próbowałeś użyć prostego znacznika img?

<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">