如何直接在网页中显示PDF文件
版权声明:本文为CSDN博主「北方的刀郎」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/forest_fire/article/details/50944069
博客分类: web开发
1、
1 | <embed width="800" height="600" src="test_pdf.pdf"> </embed> |
通过的浏览器:360、Firefox、IE、Chrome
2、
1 | <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0"> |
下面这个完整点:
1 | <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%" border="0"><!--IE--> |
通过的浏览器:360、IE
未通过的浏览器:Firefox、Chrome
3、
1 | <iframe src="test_pdf.pdf" width="800" height="600"></iframe> |
通过的浏览器:360、Firefox、IE、Chrome
4、用浏览器直接访问http://127.0.0.1/test_pdf.pdf (其实这个不算是在网页内吧)
通过的浏览器:360、Firefox、IE、Chrome
以上四种方式均在WinXP下。(之前有碰到过上传的功能在Win7下失效的情况,故在此说明一下OS)
今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。
其实就光看这个网站也足够了,http://www.pdfobject.com/。
记录一下主要代码:
pdfobject.js 下载:http://pan.baidu.com/s/1kTJTiqr http://pan.baidu.com/s/1kTJTiqr
1 | <script type="text/javascript" src="scripts/pdfobject/pdfobject.js"></script> |
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment