2017-05-09 4 views
0

google chromeのようなPDFビューアを内蔵したブラウザを使わずにPDFを見る方法はありますか? enter image description herePDFビューアに組み込まれたブラウザを使用せずにWeb上でPDFを表示するにはどうすればよいですか?

私が達成したいのは、PDFファイルをファイルごとに表示することです。

PDFファイルを1ページずつ分割して管理しました。各ページは別々のファイルとして分割されていました。 enter image description here

PDFをファイルごとに表示する必要があります。スクロールできません。 javascriptを使用してPDFを表示すると、常にchromeのPDFビューアが開きます。

EDIT:Pyramidフレームワークをバックエンドとして使用しています。

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

ありがとうございました!ここで

+1

pdfファイルを表示するには、ブートストラップモデルを使用する必要があります。 –

+0

私はあなたがブートストラップモーダルを意味すると思いますか?私は検索したが、それは不可能だと思う。 –

+0

@GhanshyamBhava、私は間違っています、実際にモーダルでPDFを見ることが可能です!しかし、ちょっとした問題があります.Google Chromeは "このプラグインはサポートされていません"と言っていますが、Microsoft Edgeで開くと動作します。 –

答えて

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>

作業スニペットです。

+0

私はこれを使用します。私は私のニーズを満たすためにいくつかの変更を適用します。 –

+0

楽しんで@Oblivion Coder :) –

関連する問題