entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Hacer que los archivos se visualizen en una nueva prestaña y no se bajen

Trato de que al darle al boton se abra en una nueva pestaña y no se baje ya que son pdf se puede ver desde el navegador

<td><a target="_blank" href="../archivos/<?php echo $r['archivo'];?>"><button type="button" class="btn btn-secondary" data-dismiss="modal" >Ver</button ></a></td>

pero solo se descarga derecho

2 Respuestas

1voto

Leonardo-Tadei Puntos227320

Hola @Umarumm,

el navegador descarga o muestra archivos según su capacidad de visualizar ciertos archivos. Por ejemplo, una hoja de cálculo se descargará siempre y un JPEG se visualizará siempre.

Muchos navegadores tienen la capacidad de visualizar PDF, como Firefox o Chrome, pero aún así depende de la configuración del usuario el comportamiento por default de los PDF: ver o descargar o abrir con otra aplicación. Otros navegadores no incorporan un visor de PDFs.

Al apuntar el PDF a un target blank, el PDF desnudo se comportará según lo dicho arriba.

Para tener un control completo sobre lo que hacen los PDF, podés incluir un visualizador JavaScript en tu proyecto, como https://viewerjs.org/ o https://github.com/mozilla/pdf.js/

Saludos cordiales!

1voto

jj19958 Puntos4130

hola espero que lo siguiente pueda servirte lo que hace es abrir el archivo dentro de un modal... saludos:)

                        <a type="button" class="btn glyphicon glyphicon-eye-open" data-toggle="modal" data-target="#presentacion"></a>
<div id="presentacion" class="modal fade" role="dialog">
                <div class="modal-dialog modal-lg">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Visualizador de documentos</h4>
                        </div>
                        <div class="modal-body" aling="center" >
                            <embed src="doc/Presentación1.pdf"
                                   frameborder="0"  width="100%" height="400px">
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta