2012-12-29 15 views

risposta

134

Si potrebbe considerare l'utilizzo di PDFObject da Philip Hutchison.

In alternativa, se siete alla ricerca di una soluzione non JavaScript, è possibile utilizzare il markup come questo:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%"> 
    <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p> 
</object> 
+0

Puoi dirmi come dare offset a il pdf nella finestra del visualizzatore? –

+0

@IanGregory in oggetto pdf, voglio andare alla pagina specifica al clic, senza creare nuovo oggetto. – Selva

+1

Questo non è supportato in ipad, ipone. –

3

avere una prova con Flex cartahttp://flexpaper.devaldi.com/

funziona come Scribd

+0

Molto interessante! Peccato che non sia gratuito. :( –

+0

beh, perché non mostrarlo usando un iframe come detto dalle altre persone ha risposto alla tua domanda .. Stavo facendo la stessa cosa prima ma il mio capo ha pagato per questo Flex Paper =) –

15

PDF.js è un esperimento di tecnologia HTML5 che esplora la costruzione di un fedele ed efficiente Portable Document Format (PDF) renderer senza assistenza del codice nativo. È guidato dalla comunità e supportato da Mozilla Labs.

È possibile visualizzare la demo here.

1

Assicurarsi di testare qualsiasi soluzione tra le diverse preferenze di Reader. Un visitatore del sito può avere il proprio browser impostato per aprire il PDF in Reader/Acrobat rispetto al browser, ad esempio disabilitando il plugin Acrobat in Firefox.

Non posso essere sicuro dei miei risultati, perché ho due diversi plug-in di Acrobat riconosciuti da Firefox a causa del fatto che ho versioni diverse di Adobe Acrobat e Adobe Reader, ma sembra che sia necessario testare ciò che accade se un visitatore del sito Web ha il proprio browser impostato per non aprire il PDF nel browser. Potrebbe essere abbastanza fastidioso quando guardano quella che sembra essere una pagina web altrimenti utilizzabile e il loro browser li sta tormentando per aprire un file PDF che pensano di non aver richiesto. In alcuni casi, il file PDF si apriva spontaneamente in Adobe Reader, non nel browser, e in altri casi il browser lanciava una finestra di dialogo che diceva che il file non esisteva.

Mi sono imbattuto in tali disallineamenti con iframe e oggetto entrambi, problemi diversi per codice diverso.

Questo è per codice HTML semplice. Non ho provato i quadri suggeriti.

7

Se non sbaglio, l'OP chiedeva (sebbene in seguito accettato una soluzione .js) se il server di visualizzazione PDF incorporato di Google visualizzasse un PDF sul proprio sito web.

Quindi, un anno e mezzo dopo: sì, lo sarà.

Vedere http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html. Inoltre, vedere https://docs.google.com/viewer e inserire l'URL del file che si desidera visualizzare.

Modifica: rilettura, OP chiedeva soluzioni che non usassero iFrame. Non penso sia possibile con il visualizzatore di Google.

+0

Purtroppo non è più vero. http://googlesystem.blogspot.com.tr/2015/02/google-docs-viewer-page-no-longer.html – berkorbay

+1

Cosa? Sì. Prova qui: https://docs.google.com/viewer?url=http://research.google.com/archive/bigtable-osdi06.pdf&embedded=true. Puoi anche usare un iFrame (vedi in fondo alla pagina che hai postato). Questa pagina ti sta solo dicendo che la pagina di facile utilizzo per generare il link non esiste più e reindirizza a Google Drive. – Jon

+0

Oops hai ragione. Ho provato la soluzione, non ha funzionato per me in qualche modo e ho trovato questa informazione, ma ovviamente non ero così attento a questo. Non ho provato di nuovo (ho trovato un'altra soluzione) ma ti prendo in parola :) – berkorbay

0

pdf2htmlEX da coolwanglu è probabilmente la soluzione migliore là fuori per convertire un file pdf in html. Potresti fare una semplice conversione e quindi incorporare la pagina html come iframe o qualcosa di simile.

9

Questo potrebbe funzionare un po 'meglio questo modo

<embed src= "MyHome.pdf" width= "500" height= "375"> 
0

Vorrei davvero optare per FlowPaper, in particolare la loro nuova modalità di elementi che possono essere trovati qui: https://flowpaper.com/demo/

si appiattisce i PDF in modo significativo al stesso tempo di mantenere il testo nitido, il che significa che si caricherà molto più velocemente sui dispositivi mobili

Problemi correlati