利用JS让网页直接展现PDF文档

其实关于JS实现网页直接读取PDF文档的方法,网上已经有人分享。不过波波觉得这个方法不仅很简单而且关键时候真能派上用场,所以搜集整理了一个最简单的方法,分享给需要的朋友们。

第一种方法:直接用<iframe>。

<frame src="pdf文件的地址"></frame>

第二种方法:用PDFObject.js实现网页直接读取PDF文档。

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
      };
</script>

在上述代码中,如果我们没有让PDF文档在固定的DIV中展示的话,可以将embed的参数留空,留空的意思是在body中加载。像波波这样的技术小白都能理解,相信其他朋友肯定也很容易理解,所以这里不罗嗦了。

然后我们看一下具体的效果:

js实现网页直接读取pdf

js实现网页直接读取pdf

未经允许不得转载:波波助手 » 利用JS让网页直接展现PDF文档

赞 (0)

牛人热评 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址