[英]How to view PDF on web, without using browsers builtin PDF viewer?
$('.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>
这是工作片段。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.