如何在网页中显示PDF文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在网页中显示PDF文件相关的知识,希望对你有一定的参考价值。

使用js插件
其中实现阅读pdf文件的js插件很多,比如:pdf.js:是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持;jsPDF:是一个使用Javascript语言生成PDF的开源库

这个 PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
js代码:
<script type="text/javascript">
window.onload = function ()
var success = new PDFObject( url: "sample.pdf" ).embed();
;
</script>

OK,这样就可以了。只要把地址写对即可。
若我在某一个div中加载pdf咋办呢?看官网,发现embed()方法可以有参数的,无参数是指body,有参数是具体的某一个位置。
<script type="text/javascript">
window.onload = function ()
var success = new PDFObject( url: "sample.pdf" ).embed(“div的id”);
;
</script>

当然,其中还可以进一步设置参数,比如你想以多少秒的速度预览,有css,无css等
具体的官网如下:http$://$www.$pdfobject$.com/
请去掉$这个符号
参考技术A 请试试:
<embed width="800" height="600" src="test_pdf.pdf"> </embed>

可通过的浏览器:360、Firefox、IE、Chrome
参考技术B 您好,我看到您的问题很久没有人来回答,但是问题过期无人回答会被扣分的并且你的悬赏分也会被没收!所以我给你提几条建议:

一,你可以选择在正确的分类下去提问,这样知道你问题答案的人才会多一些,回答的人也会多些。

二,您可以到与您问题相关专业网站论坛里去看看,那里聚集了许多专业人才,一定可以为你解决问题的。

三,你可以向你的网上好友问友打听,他们会更加真诚热心为你寻找答案的,甚至可以到相关网站直接搜索.

四,网上很多专业论坛以及知识平台,上面也有很多资料,我遇到专业性的问题总是上论坛求解决办法的。

五,将你的问题问的细一些,清楚一些!让人更加容易看懂明白是什么意思!

谢谢采纳我的建议! !本回答被提问者和网友采纳

以上是关于如何在网页中显示PDF文件的主要内容,如果未能解决你的问题,请参考以下文章

关于PDF在网页上显示的问题

在网页中打开PDF文件 禁止保存

如何下载网页上的PDF类型的文件

网页显示PDF文件,拒绝访问

如何以 HTML 格式显示 PDF 文件?

在网页中显示PDF文件及vue项目中弹出PDF