Question

我正在编写一个html网页，我需要在iframe中显示来自下载链接的pdf，如何在不下载文件的情况下跳转下载链接并显示pdf？

对不起，如果我错了解释，简而言之我需要在网页上显示iframe，只与他链接的PDF内容是强制下载链接，我测试了你的解决方案的人但是它对我的目标不起作用，任何想法？

感谢您的阅读。

Answer 1

使用iframe显示PDF不会在所有浏览器中都有效，因为有些人会尝试下载实际文件。

这就是你如何使用它：

 <object data="myfile.pdf" type="application/pdf" width="100%" height="100%">

  <p>It appears you don't have a PDF plugin for this browser.
  you can <a href="myfile.pdf">click here to
  download the PDF file.</a></p>


</object>

您可以将文件的网址放入数据属性。

Answer 2

您可以使用javascript加载源代码，但在页面源代码中的iframe url中将无法显示该代码。例如jQuery:

<script type="text/javascript">
$(document).ready(function(e) {
  $('iframe').attr('src','http://www.yourwebsite.com/pdf');
});
</script>

<body>
<iframe src="" />
</body>

Example here.

您可以将它与$ .post结合使用以获取值serveride：

$.post('get-iframe-src.php', function(data) {
  $('iframe').attr('src',data);
});

您甚至可以将iframe本身加载到某些元素，例如：

$.post('get-iframe.php', function(data) {
  $('#element_id').html(data);
});

iframe从下载链接显示pdf

2 个答案:

Example here.