Mostrar Adobe pdf dentro de un div

53

Sí, puedes.

ver el código del siguiente hilo a partir de 2007: PDF within a DIV

<div> 
    <object data="test.pdf" type="application/pdf" width="300" height="200"> 
     alt : <a href="test.pdf">test.pdf</a> 
    </object> 
</div>

Se utiliza <object>, que puede ser de estilo con CSS, y para que pueda flotar, darles las fronteras, etc.

(Al final, edité mis archivos pdf para eliminar bordes grandes y los convertí en imágenes jpg.)

Fuente

2010-07-04 12:10:29

+2

Código:

–

-4

No creo que puedas. Es posible que deba usar un Iframe en su lugar.

Fuente

2010-04-29 19:50:30

1

Utilizamos esta en nuestro sitio web

http://issuu.com/smartlook

Es un muy personalizable para visualizar PDF directamente en su navegador. Básicamente aloja el PDF en un objeto flash si no se opone a ese tipo de cosas.

Aquí hay un sample de nuestro sitio web corporativo.

Fuente

2010-04-29 19:51:55

+0

Eso es genial. –

-1

Se puede crear una imagen en miniatura, y vincularlo a la función de densidad real como una ventana emergente en línea usando algo como http://orangoo.com/labs/GreyBox/

Fuente

2010-04-29 19:58:03

-1

No se puede, y aquí está la respuesta simple.

Todos los recursos multimedia que se vierten en el navegador se identifican con un nombre de tipo MIME. Un navegador luego realiza determinaciones de procesamiento sobre ese nombre de tipo MIME. Si es image/gif o image/jpeg, el navegador procesa el activo como una imagen. Si es texto/css o texto/javascript, se procesa como un recurso de código a menos que el elemento se direccione independientemente de HTML. PDF se identifica como application/pdf. Cuando los navegadores ven la aplicación/pdf, inmediatamente cambian el procesamiento a un software de complemento capaz de procesar ese tipo de medio. Si intentas insertar medios de tipo application/pdf en un div, es probable que el navegador arroje un error al usuario. Normalmente, los archivos de tipo application/pdf se vinculan directamente para que el software de procesamiento intercepte la solicitud y procese los medios de forma independiente del navegador.

Fuente

2010-04-29 21:13:33

+3

Siempre es una mala idea decir "no puedo", ya que alguien vendrá inmediatamente y mostrará una alternativa (como @Ron Knee) :) –

+2

Aquellos que creen que alguna acción es imposible deben mantenerse fuera del camino de aquellos que lo están haciendo . – UncaAlby

-2

se puede hacer mediante el uso de AJAX o jquery ...
simplemente envíe esa url de archivo en una página y luego abra como archivo pdf normalmente abierto en esa página y use ajax.

1) así que tan pronto como el usuario haga clic en el botón. entonces llamas a esa función en la que estás arriba de tast. Entonces, de esta manera, solo habrá una página y podrá mostrar todos los archivos pdf sin actualizar la página.

2) si u no tiene muchas pdf y si u no saben luego simplemente cargar ese archivo en google docs y luego sólo hay que poner el archivo de enlace compartir .... y luego simplemente utilizar AJAX o jQuery.

prefiero jquery si no tienes uso AJAX.

Fuente

2010-04-29 21:37:25 Nitz

0

Creo que no funciona, porque la propiedad z-index no se aplica en pdf (cualquier objeto externo). Por lo tanto, cuando agrega cualquier control en el límite de vista de PDF, aparece detrás de la vista de PDF.

Fuente

2016-07-14 05:13:36

1

Puede usar la biblioteca Javascript PDF.JS para visualizar un PDF dentro de un div. El tamaño del PDF se puede ajustar de acuerdo con el tamaño del div. También puede configurar controladores de eventos para pasar a las páginas siguientes/anteriores del PDF.

Puede consultar PDF.JS Tutorial - How to display a PDF with Javascript para ver cómo se puede integrar PDF.JS en su código HTML.

Fuente

2017-05-31 05:48:40

Respuesta

Cuestiones relacionadas