Question

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

Answer 1

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!

Answer 2

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>