使用js文件

js文件下载链接：https://github.com/pipwerks/PDFObject/
样例：

1. Create a container to hold your PDF

<div id="example1"></div>

2. Tell PDFObject which PDF to embed, and where to embed it

<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>

3. You can optionally use CSS to change the appearance of the containing element, such as height, width, border, margins, etc.

<style>
.pdfobject-container { height: 30rem; border: 1rem solid rgba(0,0,0,.1); }
</style>

不用js文件

Embedding PDFs without using JavaScript

博主使用这种方法显示不出来，可以参考
第一种

<embed src="../pdf/sample-3pp.pdf#page=2" type="application/pdf" width="100%" height="100%">

第二种

<iframe src="../pdf/sample-3pp.pdf#page=2" width="100%" height="100%">
This browser does not support PDFs. Please download the PDF to view it:
<a href="../pdf/sample-3pp.pdf">Download PDF</a></iframe>

第三种

<object data="../pdf/sample-3pp.pdf#page=2" type="application/pdf" width="100%" height="100%">
<p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it:
<a href="../pdf/sample-3pp.pdf">Download PDF</a>.</p>
</object>

个人微信公众号，专注于学习资源、笔记分享,欢迎关注。我们一起成长，一起学习。一直纯真着，善良着，温情地热爱生活,，如果觉得有点用的话，请不要吝啬你手中点赞的权力,谢谢我亲爱的读者朋友。

Maybe sometimes it’s easier to be mad at the people you trust, because you know they’ll always love you, no matter what.
有时候我们更容易对我们相信的人生气，因为你知道不管怎样他们都会永远爱你。

2020年3月31日于重庆城口
好好学习，天天向上，终有所获

在Html页面直接展示pdf文件相关推荐

在html页面中展示pdf文件，实现在线阅读
参考文章:1.http://blog.csdn.net/broze/article/details/6743314 2.http://www.pdfobject.com/ ...
java代码在页面实现展示pdf文件
public void findPdf() throws IOException{ HttpServletResponse response = ServletActionContext.getRes ...
页面中展示PDF（转成Swf文件）
由于直接在页面上展示PDF会有编码困难及不安全等问题,所以想到先利用SWFTOOLS工具把PDF转成SWF格式的Flash文件然后在页面上利用ASP.NET自带的Flash播放器展示Flash文件,这 ...
使用pdf.js在web页面展示pdf文件
最近弄的项目中需要在线展示PDF文件,以前用的是Adobe PDF阅读器直接在浏览器端打开的,这要求客户端必须安装这个软件,若是没有安装就不能在线预览了.为了解决这个问题,最终决定用pdf.js来实现 ...
jspdf插件实现jsp页面导出为pdf文件
最近在公司里实习作项目,项目中有一个优化需求,就是将指定的jsp页面导出为pdf文件输出.因为之前从未了解过相关方面只知识,所以在查了一番资料后,发现大家写的都很散,不是很清楚,甚至有的代码执行不出来 ...
html中怎么展示PDF文件
在 HTML 中展示 PDF 文件有多种方式,以下是其中两种较为常用的方法: 使用 iframe 标签:可以通过使用 iframe 标签将 PDF 文件嵌入到 HTML 页面中.示例代码如下: < ...
网页html转为pdf,html页面转换成PDF文件
html页面转换成PDF文件发布时间:2020-06-14 05:24:50 来源:51CTO 阅读:523 作者:robinmars package pdftest; import java.io ...
29.Android展示PDF文件
转载请注明出处 http://blog.csdn.net/qq_31715429/article/details/51065730 本文出自:猴菇先生的博客公司有个需求,展示pdf文件,之前是服务端 ...
android 展示pdf文件
注:此方式展示pdf文件会增加apk大小3-4m左右建议使用腾讯浏览服务-x5进行加载pdf文件(可扩展) X5内核初始化下载失败的解决方案有道云笔记 1. 加入此依赖 implementatio ...

在Html页面直接展示pdf文件

文章目录

使用js文件

不用js文件

在Html页面直接展示pdf文件相关推荐

最新文章

热门文章