如何在 Web 上查看 PDF，而不使用 PDF 查看器内置的浏览器？答案

【问题标题】：How to view PDF on web, without using browsers builtin PDF viewer?如何在 Web 上查看 PDF，而不使用 PDF 查看器内置的浏览器？
【发布时间】：2017-10-07 06:31:19
【问题描述】：

有没有办法让我在不使用浏览器内置 PDF 查看器（如 google chrome 上）的情况下查看 PDF？

我想要完成的是逐个文件查看 PDF。

我设法逐页拆分 PDF 文件，每一页都作为一个单独的文件。

我需要逐个文件地查看 PDF，并且不能滚动。当我使用 javascript 查看 PDF 时，它总是打开 chrome 的 PDF 查看器。

编辑：我使用带有 Pyramid 框架的 Python 作为我的后端。

<script>
    window.open('test.pdf','mywindow','width=400,height=200')
</script>

感谢那些可以提供帮助的人！

【问题讨论】：

您应该使用引导模型来查看您的 pdf 文件。
我想你的意思是引导模式？我已经搜索过了，我认为这是不可能的。
@GhanshyamBhava，我错了，它实际上可以使用模态查看 PDF！但是有一个小问题，谷歌浏览器说“不支持这个插件”，但是当我在 Microsoft Edge 上打开它时，它可以工作。

标签： javascript jquery python pdf pyramid

【解决方案1】：

$('.btn').click(function(){

    $('.modal').on('show.bs.modal',function(){    
        $(this).find('iframe').attr('src','http://www.tutorialspoint.com/php/php_tutorial.pdf')
    })
    $('.modal').modal({show:true})
    
    $('iframe').load(function() {
    $('.loading').hide();
});
    
})

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<button class="btn btn-primary">show modal</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <iframe src="" frameborder="0"></iframe>
      </div>
  </div>
</div>

这是工作的 sn-p。

【讨论】：

我会用这个。我将应用一些更改来满足我的需求。
玩得开心@Oblivion Coder :)